body, div, section, article, ul, li, nav, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
body {
    font: 14px Helvetica, Arial, sans-serif;
    line-height: 1.62;
    color: #111;
    padding-top: 80px;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #333;
}

/*移动端*/
@media (min-width: 360px) and (max-width: 540px) {
    .container {
        max-width: 375px;
    }

    .list a {
        width: 100%;
    }

    .list a img {
        height: 226px;
    }
    .detail_more .list a {
        width: 50%;
    }
    .detail_more .list a img {
        height: auto;
    }

    .detail .wr .wr-link {
        width: 100%;
    }

    .detail article {
        padding-top: 15px;
        width: 100%;
    }
    .d-md-block {
        display: block!important
    }

    .search-container {
        margin: 0;
    }
    
    .detail-pic-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .detail-pic-btn .nav-btn {
        margin-right: 0;
    }
    
    .detail-pic-btn .download_btn {
        margin-right: 0;
    }
    
    .detail-pic-btn > div,
    .detail-pic-btn > a,
    .detail-pic-btn > span {
        margin-bottom: 0;
    }
    /* 微信小程序二维码悬浮展示 - 响应式控制 */
    @media (min-width: 360px) and (max-width: 540px) {
        .wx-qrcode-container {
            display: block; /* 修复：确保在移动端也显示 */
            position: fixed;
            bottom: 20px;
            right: 20px;
        }
    }

    /* PC端显示 */
    @media (min-width: 768px) {
        .wx-qrcode-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
        }
    }
    /* 移除了重复的display: block; 因为已经在基础样式中定义了 */
}

/* pad */
@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 750px;
    }

    .list a {
        width: 100%;
    }

    .list a img {
        height: 423px;
    }

    .detail .wr .wr-link {
        width: 50%;
    }

    .detail article {
        padding-left: 15px;
        width: 50%;
    }

    .detail_more .list a {
        width: 50%;
    }
    .detail_more .list a img {
        height: auto;
    }
    .navbar {max-height: 80px;}
    .d-md-block {
        display: block!important
    }
    
    .detail-pic-btn {
        flex-wrap: wrap;
        max-width: 500px;
        justify-content: center;
    }
    
    .detail-pic-btn .nav-btn {
        margin-right: 15px;
    }
    
    .detail-pic-btn .download_btn {
        margin-right: 15px;
    }
}

/*pc端*/
@media (min-width: 1380px) {
    .container {
        max-width: 1380px;
    }

    .list a {
        width: 25%;
    }

    .list a img {
    }

    .detail .wr .wr-link {
        width: 50%;
    }

    .detail article {
        padding-left: 15px;
        width: 50%;
    }
    .navbar {max-height: 80px;}

}

a {
    color: #337ab7;
    text-decoration: none;
}

.page-item { margin: 0 10px;}
.page-link { border: none; border-radius: 20%; padding: 10px 15px; position: relative;
    text-align: center;
    white-space: nowrap;    line-height: 1;}
.active>.page-link, .page-link.active { background-color: #cae4f7; }
.page-link:hover { background-color: #e1f1fb; color: #337ab7; }
.disabled>.page-link, .page-link.disabled { background: none; }

.navbar {border-bottom: 1px solid #337ab7;position: fixed; left: 0; top: 0; width: 100%;transition-duration: 1s; z-index: 1;background: ghostwhite;
    overflow: hidden;}
.navbar .collapse { min-width: 400px;}
.navbar .collapse a { margin: 0 0 0 20px; color: #007bff; font-size: 18px; border-bottom: 3px solid transparent;}
.navbar .navbar-brand { font-size: 32px; color: #007bff; font-weight: bold; }
.navbar .collapse a:hover,
.navbar .collapse a:focus {
    opacity: 0.7;
    border-bottom-color: #007bff;
}
.navbar .active a { border-bottom-color: #007bff;}
.navbar-expand-md .navbar-nav .nav-link { padding-right: 0; padding-left: 0;}
.navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.navbar .navbar-toggler-icon {
    background-image: url(../images/menu.png);
}

/* 移动端导航项优化，使整个导航项可点击 */
@media (max-width: 767px) {
    .navbar .nav-item {
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    
    .navbar .nav-link {
        display: block;
        width: 100%;
        padding: 15px 20px !important;
        color: #007bff;
        text-decoration: none;
        font-size: 18px;
    }
    
    .navbar .nav-link:hover,
    .navbar .nav-link:focus {
        background-color: #f8f9fa;
        opacity: 0.7;
    }
    
    .navbar .nav-item.active .nav-link {
        border-left: 3px solid #007bff;
        background-color: #f8f9fa;
    }
}

@media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
    }
}

.page-header {
    margin-bottom: 10px;
}

.page-header h1 {
    color: #00809D
}
.page-header a:hover {
    text-decoration: none;
}
.page-header .ck {
    padding-top: 20px;
    font-size: 20px;
}

.page-header .ck a {
    color: #007bff;
    font-weight: bold;
}

.page-header .cur {
    color: #d21f1f;
    font-weight: bold;
}
.page-header .ck a.cur {
    color: #d21f1f;
    font-weight: bold;
}
.page {text-align: center; margin: 30px 0;}

.undecorated { color: #000;}
.text-secondary {
    color: #007bff !important;
}
.year-nav {
    font-size: 16px;
}
.year-nav .undecorated:hover {
    color: #007bff;
    text-decoration: none;
}

.year-month-nav .nav-tabs .nav-link.active {
    background-color: transparent; border-color: transparent;
}
.nav-tabs .nav-link.disabled {
    background-color: transparent;
    color: rgba(0,0,0,.42);
    opacity: 1
}
.year-month-nav .nav-tabs .nav-link:hover {
    border-color: transparent;
    background-color: transparent;
}

.nav-tabs {
    box-shadow: inset 0 -2px 0 -1px #eceff8;
    border-style: none;
}

.nav-tabs .nav-link {
    transition-property: background-color,color,opacity;
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    min-height: 3rem;
    opacity: 1;
    padding: 1.0625rem .75rem;
    position: relative;
}

.nav-tabs.border-0,.nav-tabs.border-bottom-0 {
    box-shadow: none
}

.nav-tabs .nav-link.active::before,.nav-tabs .nav-link:active::before,.nav-tabs .nav-link:hover::before {
    opacity: 1!important;
}

.nav-tabs .nav-link::before {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    background-color: #007bff;
    content: '';
    display: block;
    height: .125rem;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.card {
    border: none; /* 移除边框 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影 */
    border-radius: 1px 1px 8px 8px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #fff; /* 确保背景为白色 */
    display: flex;
    flex-direction: column;
}
.card-img-container {
    width: 100%;
    overflow: hidden; /* 超出部分隐藏 */
    align-items: center;
    justify-content: center;
    flex: 1;
    background-size: cover;
    position: relative;
    aspect-ratio: 16 / 9;
}
.card-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片居中裁剪 */
    object-position: center; /* 确保图片居中显示 */
    border-radius: 0; /* 移除图片圆角 */
}
.card-body {
    padding: 15px;
}
.card-title {
    font-size: 1.1rem;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    flex-grow: 1; /* 让标题区域撑满剩余空间 */
    min-height: 2em; /* 固定最小高度（两行的高度） */
    line-height: 1em; /* 设置行高 */
}
.card-title a {
    color: inherit; /* 继承父元素颜色 */
    text-decoration: none; /* 移除下划线 */
}
.card-title a:hover {
    color: #007bff; /* 悬停时改变颜色 */
}
.card-text {
    font-size: 0.9rem;
    color: #555;
}

.dis {
    display: none
}

.flex{
    display: flex;
}

.fl {
    float: left;
}

.container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1;
    display: inline-block;
    _height: 1px
}

* html .clearfix {
    height: 1%
}

* + html .clearfix {
    height: 1%
}

section { margin-bottom: 30px; }
.p_list h2 { font-size: 20px; padding: 10px 0; }


.list {
    overflow: hidden;
}

.list a {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
}

.list a.more {
    text-align: right;
    padding: 15px 0 0;
    font-size: 20px;
    float: right;
}

.list a div {
    text-align: center;
    overflow: hidden
}

.list a img {
    width: 100%;
    display: block;
}

.list a img.icon-view{
    float: left;
    height: auto;
    width: 20px;
    margin-right: 2px;
}

.list .i {
    position: absolute;
    bottom: 64px;
    left: 10px;
    right: 0;
    color: #fff;
    padding: 5px;
    justify-content: space-between;
}

.list .i time {
    font-size: 14px;
}

.list .i span {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.list a:hover {
    text-decoration: underline;
    color: #337ab7;
}

/*.list a:hover img {*/
/*    opacity: 0.85;*/
/*    transform: scale(1.2);*/
/*    transition: transform ease 0.3s;*/
/*}*/

.list .msg { text-align: center; font-size: 16px; padding: 30px 0;}

.shadow_a {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)!important
}

.detail h1,.detail h2 {
    font-size: 22px;
    font-weight: bold;
}
.detail .nav-btn #likes { padding-left: 5px; margin-right: 0; font-size: 18px;}
.detail .nav-btn .liked { background-color: #337ab7; }

.detail h4 { overflow-wrap: break-word; font-size: 14px;}
.detail-pic-btn { display: flex; justify-content: center; align-items: center; }
.detail-pic-date {font-size: 16px; margin-top: 5px; text-align: center;}

.detail .wr {
    width: 100%;
}

.detail .wr .wr-link {
    position: relative;
}


.detail .social-share a:hover {
    text-decoration: none;
}

.detail div a img.mainimg {
    width: 100%;
}

.detail div a img.fullscreen {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 25px;
    opacity: 0.5;
}

.detail div a:hover img.fullscreen {
    opacity: 1;
}

.detail article {
    box-sizing: border-box;
}

.detail article p {
    margin: 0 0 15px;
    line-height: 1.8;
    font-size: 16px;
}
.detail h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.detail_more {
    margin-bottom: 30px;
}

.detail_more h2 {
    font-size: 20px;
    padding: 10px 0;
}

.wrapper {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.wrapper img.default {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
}

.wrapper img.higher {
    width: auto;
    height: 100%;
    left: 50%;
    top: 0;
}

.wrapper img.mobile_terminal {
    top: 0;
}

#preset_photo {
    z-index: 10;
}

.wr-detail {
    /*display: none;*/
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 15px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .25);
}

.nextPage, .prevPage {
    position: absolute;
    top: 50%;
    z-index: 999;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    transform: translateY(-50%);
}


.nextPage img, .prevPage img {
    opacity: 0.85;
}

.nextPage:hover, .prevPage:hover {
    background: rgba(0, 0, 0, 0.5);
}

.prevPage.disabled, .nextPage.disabled {
    cursor: default;
}

.prevPage.disabled:hover, .nextPage.disabled:hover {
    background: rgba(0, 0, 0, 0.2);
}

.prevPage.disabled img, .nextPage.disabled img {
    opacity: 0.2;
}

.nextPage {
    right: 10px;
}

.prevPage {
    left: 10px;
}

.wr-detail div {
    color: #eee;
}

.wr-detail div.description {
    color: #f1efee;
    font-size: 14px;
}

.wr-detail div.date a {
    color: #ddd;
    margin-left: 15px;
    text-decoration: underline;
}

.wr-detail div.date a:hover {
    color: #00f;
}

.wr-detail div.title {
    font-size: 18px;
}

.wr-detail .tag {
    padding: 0.1em 0.5em;
    color: #eee;
    background-color: transparent;
}

.wr-detail .tag:hover {
    border-color: #007bff;
    color: #fff;
}

.nav-btn * {
    margin-right: 15px;
}

.nav-btn .i {
    background-color: #04aded;
    float: left;
    padding: 7px 10px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 2px;
    min-width: 70px;
    display: inline-block;
    line-height: 1.6;
    text-align: center;
}

.nav-btn a.i {
    font-size: 14px;
    font-weight: normal;
}

.nav-btn .i:hover{
    background: #4cbce6;
    text-decoration: none;
}

/* 爱心图标样式 */
.nav-btn .like-heart {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    padding: 3px 10px;
    color: #999;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px;
    min-width: 70px;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
}

.nav-btn .like-heart:hover {
    background-color: #f8f8f8;
    text-decoration: none;
}

.nav-btn .like-heart.liked {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.nav-btn .like-heart.liked:hover {
    background-color: #bd2130;
}

.nav-btn .like-heart .heart-icon {
    margin-right: 0;
}

.nav-btn .like-heart .heart-icon::before {
    content: "♡";
    margin-right: 5px;
    font-size: 20px;
}

.nav-btn .like-heart.liked .heart-icon::before {
    content: "❤";
}

.nav-btn .like-heart .likes-count {
    margin-left: 5px;
}

.download_btn {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    padding: 6px 10px;
    color: #999;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    min-width: 70px;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s ease;
    margin-right: 15px;
}

.download_btn:hover {
    background-color: #f8f8f8;
    text-decoration: none;
}

.download_btn:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: center;
}

.nav-btn .icon:hover {
    background-size: cover;
}

.nav-btn .home {
    background-image: url(../images/icon-home-n.png);
}

.home:hover {
    background-image: url(../images/icon-home-h.png);
}

.icon.back {
    background-image: url(../images/icon-back.png);
}

.icon.back:hover {
    background-image: url(../images/icon-back-h.png);
}

.nav-btn .prev {
    display: none;
    background-image: url(../images/icon-left-b.png);
}

.nav-btn .next {
    display: none;
    background-image: url(../images/icon-right-b.png);
}

.prev:hover {
    background-image: url(../images/icon-left-h.png);
}

.next:hover {
    background-image: url(../images/icon-right-h.png);
}

.prev.disabled {
    cursor: none;
    background-image: url(../images/icon-left-n.png);
}

.next.disabled {
    cursor: none;
    background-image: url(../images/icon-right-n.png);
}

.icon.view {
    margin-right: 3px;
    background-image: url(../images/icon-view-n.png);
}

.nav-btn .like {
    width: 24px;
    height: 24px;
    margin-right: 3px;
    background-image: url(../images/icon-like-n.png);
    cursor: pointer;
}

.nav-btn .liked .like {
    cursor: auto;
}

.nav-btn strong {
    font-size: 14px;
    font-weight: normal;
}

.like:hover {
    background-image: url(../images/icon-like-h.png);
    background-size: cover;
}

.liked .like {
    background-image: url(../images/icon-like-l.png);
}

.nav-btn .sharebtn {
    transition: all ease 0.3s;
    float: right;
}

.wr-detail .help {
    color: #777;
}

.download {
    background-image: url(../images/icon-download-n.png);
    width: 24px;
    height: 24px;
    margin-right: 3px;
    cursor: pointer;
}

.download:hover {
    background-image: url(../images/icon-download-h.png);
}

.spinner {
    width: 100px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spinner div {
    background-color: #42e8cb;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin: 0 5px;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
    animation-delay: 0s;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

footer{
    padding: 20px;
    background: #ededed;
    border-top: 1px solid #337ab7;
}
footer .flex{
    align-items: center;
}
footer a{
    margin-right: 15px;
}
footer .beian {
    float: right;
    font-size: 12px;
}

.about {
    min-height: 700px;
    max-width: 800px;
    width: 97%;
    margin: 0 auto;
    position: relative;
    padding: 60px 0;
}

.about h1,.about h2 { font-size: 16px; padding: 10px 0; }
.about .info { font-size: 14px; margin: 30px 0; }
.about p {line-height: 2;}
.about .mail { margin: 0 5px; color: #337ab7; cursor: pointer;}

.ax { width: 100%;height: auto;clear: both;text-align: center; }
.ax ins {display: block; margin: 10px auto; background-color: transparent; height: 280px;}

.search { padding: 30px 0; min-height: 550px;}
.sbox { padding-top: 10%;}
.search-body { margin: 20px 0;}
.search-body img { width: 100%; }
.search-body em { color: #ea4335; font-weight: normal; font-style: normal;}
.search-body .r {padding-top: 20px;}
.search-body .r h2 {font-size: 20px;font-weight: 400;}
.search-body .r span {color: #70757a;}
.search-body .r p {margin-bottom: 0; margin-top: 10px; line-height: 1.58; text-align: left;     font-size: 14px; }

/* 搜索框容器样式 */
.search-container {
    position: relative;
    max-width: 400px; /* 搜索框最大宽度 */
}

/* 搜索框样式 */
.search-input {
    width: 100%;
    padding: 10px 40px 10px 15px; /* 右侧留出图标空间 */
    border: 1px solid #ccc;
    border-radius: 25px; /* 圆角 */
    background-color: #fafafa; /* 比 ghostwhite 更淡的背景色 */
    transition: background-color 0.3s ease; /* 背景色过渡效果 */
}

/* 点击搜索框时背景色切换 */
.search-input:focus {
    background-color: #fff; /* 点击后的背景色 */
    outline: none; /* 移除默认的焦点边框 */
}

/* 搜索按钮图标样式 */
.search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #555; /* 图标颜色 */
    cursor: pointer;
    font-size: 18px; /* 图标大小 */
}

/* 自定义标签样式 */
.tag {
    display: inline-block;
    padding: 3px 10px;
    margin: 0.25em;
    background-color: #f8f9fa; /* 背景纯色 */
    border: 1px solid #dee2e6; /* 边框 */
    border-radius: 2.5em; /* 圆角 */
    color: #333; /* 字体颜色 */
    text-decoration: none; /* 移除下划线 */
    transition: all 0.3s ease; /* 过渡效果 */
}

/* Hover 效果 */
.tag:hover {
    border-color: #007bff; /* 边框颜色 */
    color: #007bff; /* 字体颜色 */
}

/* 选中状态 */
.tag:target {
    background-color: #007bff; /* 背景颜色 */
    color: #fff; /* 字体颜色 */
    border-color: #007bff; /* 边框颜色 */
}

/* 图片容器样式 */
.image-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

/* 图片样式 */
.image-container img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

/* 标题样式 */
.image-title {
    position: absolute;
    bottom: -100%; /* 初始隐藏 */
    left: 0;
    width: 100%;
    color: #fff; /* 字体颜色 */
    text-align: center;
    transition: bottom 0.3s ease;
}

/* Hover 效果 */
.image-container:hover .image-title {
    bottom: 0; /* 显示标题 */
}

.image-container:hover img {
    transform: scale(1.1); /* 图片放大 */
}

/* 移除链接的默认样式 */
.image-container a {
    text-decoration: none;
    color: inherit;
}

/* 微信小程序二维码悬浮展示 */
.wx-qrcode-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block; /* 默认显示 */
    z-index: 9999; /* 确保在最上层 */
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 10px;
}

.wx-qrcode-container img {
    width: 130px;
    height: 130px;
    border-radius: 8px;
}

.wx-qrcode-container p {
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 0;
}

.wx-qrcode-container .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #f0f0f0;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    color: #666;
    padding: 0;
}

.wx-qrcode-container .close-btn:hover {
    background: #e0e0e0;
    color: #333;
}

.wx-qrcode-container .qrcode-content {
    position: relative;
}

.wx-index-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 700px;
}

.wx-index-content {
    text-align: center;
    max-width: 800px;
    width: 97%;
    margin: 0 auto;
    padding: 60px 0;
}