/* ============================================
 * 首页 Footer —— xinli001.com footer-PC 复刻
 * 仅首页使用（.aqs-footer-xinli）
 * ============================================ */

/* 背景 */
.aqs-footer-xinli { background: #2a2e33; color: #b5bcc3; padding: 0; }

.aqs-footer-xinli .footer-PC{position:relative;width:100%;margin-top:0}
.aqs-footer-xinli .footer-PC a,.aqs-footer-xinli .footer-PC a:active,.aqs-footer-xinli .footer-PC a:focus,.aqs-footer-xinli .footer-PC a:hover{color:#b5bcc3;text-decoration:none;outline:0}
.aqs-footer-xinli .footer-PC .footer-bg{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;background:url(../assets/xinli-footer/bg-footer-PC.jpg) center bottom no-repeat;-webkit-background-size:cover;background-size:cover}
.aqs-footer-xinli .footer-PC .footer-cont{width:1200px;margin:0 auto;padding-top:20px}
.aqs-footer-xinli .footer-PC .footer-cont .footer-content{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:40px;padding:15px 0}

/* 品牌区 */
.aqs-footer-xinli .footer-logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:rgb(105,130,250);margin-bottom:12px}
.aqs-footer-xinli .footer-logo img{width:38px;height:38px;flex-shrink:0}
.aqs-footer-xinli .footer-section p{font-size:13px;line-height:1.6;margin-bottom:12px;color:#ccc}
.aqs-footer-xinli .footer-section h4{font-size:15px;font-weight:600;margin-bottom:12px;color:#fff}
.aqs-footer-xinli .footer-section ul{list-style:none;padding:0;margin:0}
.aqs-footer-xinli .footer-section ul li{padding:5px 0}
.aqs-footer-xinli .footer-section ul li a,.aqs-footer-xinli .footer-section ul li.phone-text{color:#ccc;text-decoration:none;font-size:14px;transition:color .2s}
.aqs-footer-xinli .footer-section ul li a:hover{color:rgb(105,130,250)}
.aqs-footer-xinli .footer-services{font-size:12px;color:#ccc;margin:8px 0;line-height:1.5}

/* 社交/二维码区 */
.aqs-footer-xinli .footer-PC .footer-cont .medias{height:auto;min-height:172px;padding-top:40px;padding-bottom:60px;border-bottom:1px solid #393e42;overflow:hidden}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media.wechat{float:left}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media.app{float:right}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-mobile,.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-qrcode{width:35px;height:35px;margin-right:10px;background:url(../assets/xinli-footer/ic-sprite-footer-PC.png) no-repeat}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-qrcode{position:relative;top:-13px;background-position:-24px -179px}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-mobile{position:relative;top:-15px;background-position:-97px -179px}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .label{position:relative;top:-24px;font-size:20px;color:#fff}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account{position:relative;margin-left:20px;display:inline-block;text-align:center;cursor:pointer}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account:hover .qr-code-container{animation:magnifyImg .2s ease-out forwards;display:block;transform:scale(1)}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .icon-account{width:47px;height:47px;margin-bottom:3px;border-radius:47px}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .txt{font-size:12px;color:#b5bcc3}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .qr-code-container{position:absolute;top:-125px;left:50%;margin-left:-59px;width:100px;height:100px;border:5px solid #fff;border-radius:4px;transform:scale(0);transform-origin:center bottom;display:none;z-index:10}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .qr-code-container .qr-code-img{width:100%;height:100%}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .qr-code-container .triangle{position:absolute;bottom:-18px;left:50%;margin-left:-5px;border:7px solid transparent;border-top:7px solid #fff}

/* 新版微信区 */
.aqs-footer-xinli .new-media-wx .new-account{margin-right:25px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;position:relative}
.aqs-footer-xinli .new-media-wx .new-account:last-child{margin-right:0}
.aqs-footer-xinli .new-media-wx .new-account-icon{width:47px;height:47px;object-fit:cover;border-radius:50%}
.aqs-footer-xinli .new-media-wx .new-accout-label{font-size:12px;color:#b5bcc3;white-space:nowrap;margin-top:10px}
.aqs-footer-xinli .new-media-wx .label{top:0!important;margin-right:20px}
.aqs-footer-xinli .new-media-wx .icon-footer-PC{top:10px!important}
.aqs-footer-xinli .new-media-wx .qr-code-container{position:absolute;top:-125px;left:50%;margin-left:-55px;width:100px;height:100px;border:5px solid #fff;border-radius:4px;transform:scale(0);transform-origin:center bottom;display:none;z-index:10}
.aqs-footer-xinli .new-media-wx .qr-code-container .new-qr-code-img{width:100%;height:100%}
.aqs-footer-xinli .new-media-wx .triangle{position:absolute;bottom:-18px;left:50%;margin-left:-5px;border:7px solid transparent;border-top:7px solid #fff}
.aqs-footer-xinli .new-account:hover .qr-code-container{animation:newMagnifyImg .2s ease-out forwards;display:block;transform:scale(1)}

/* App 图标 */
.aqs-footer-xinli .yixinli-icon{width:47px;height:47px;display:inline-block;margin-bottom:3px;background-size:100% 100%!important}
.aqs-footer-xinli .yixinli-logo{background:url(../assets/xinli-footer/logo3.png) center center no-repeat}
.aqs-footer-xinli .medi-logo{background:url(../assets/xinli-footer/mx-icon.png) center center no-repeat}
.aqs-footer-xinli .ic-ck-app-logo{background:url(../assets/xinli-footer/ck-icon.png) center center no-repeat}
.aqs-footer-xinli .ic-zxs-app{background:url(../assets/xinli-footer/ic-sprite-footer-PC.png) no-repeat;background-position:-207px -103px}

/* 友情链接 */
.aqs-footer-xinli .footer-PC .footer-cont .friend-site{margin:0;padding:24px 0 30px;border-bottom:1px solid #393e42;overflow:hidden}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .title{font-size:18px;color:#fff;font-weight:700;margin-bottom:20px;text-align:left}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list{font-size:14px;clear:both;overflow:hidden}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list .site{float:left;display:inline-block;margin-right:10px;color:#b5bcc3;margin-bottom:8px}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list .site:hover{color:#fff}

/* 备案区 */
.aqs-footer-xinli .footer-PC .footer-cont .icp-info{padding-bottom:35px;font-size:12px;color:#6c7377}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list{position:relative;margin-bottom:9px;text-align:center}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item{display:inline-block;padding:0 20px;border-right:1px solid #616161}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item.last{border-right:none}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item a{color:#6c7377}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .rights{text-align:center}

@keyframes magnifyImg{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes newMagnifyImg{0%{transform:scale(0)}100%{transform:scale(1)}}

/* ============================================
 * 响应式
 * ============================================ */
@media (max-width: 1279px) {
    .aqs-footer-xinli .footer-PC .footer-cont { width: auto; padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 991px) {
    .aqs-footer-xinli .footer-PC .footer-cont .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
    .aqs-footer-xinli .footer-PC .footer-cont .footer-section:first-child { grid-column: 1 / -1; }
    .aqs-footer-xinli .footer-PC .footer-cont .medias { height: auto; padding: 24px 0; }
    .aqs-footer-xinli .footer-PC .footer-cont .medias .media.app { float: none; display: block; margin-top: 20px; }
}

@media (max-width: 767px) {
    /* 2026-08-23 移动端隐藏：四列导航 + 扫码关注/联系我们 */
    .aqs-footer-xinli .footer-PC .footer-cont .footer-content { display: none !important; }
    .aqs-footer-xinli .footer-PC .footer-cont .medias { display: none !important; }
    .aqs-footer-xinli .footer-PC .footer-cont .medias .media.wechat { float: none; }
    .aqs-footer-xinli .new-media-wx .new-account { margin-right: 12px; }
    .aqs-footer-xinli .new-media-wx .new-account-icon { width: 40px; height: 40px; }
    .aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list .site { float: none; display: inline-block; margin-bottom: 6px; }
    .aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item { display: block; padding: 4px 0; border-right: none; }
}

/* ===== 2026-08-12 修复：二维码被容器裁剪遮挡 ===== */
.aqs-footer-xinli .footer-PC .footer-cont .medias {
    overflow: visible !important;
}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .qr-code-container,
.aqs-footer-xinli .new-media-wx .qr-code-container {
    z-index: 999 !important;
    border: 5px solid #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* ============================================
 * 2026-08-22 medias 区重新设计：扫码关注 + 联系方式
 * ============================================ */
.aqs-footer-xinli .footer-PC .footer-cont .medias{
    display:flex;align-items:center;justify-content:space-between;gap:36px;
    padding:24px 0;min-height:auto;
}
.aqs-footer-xinli .media-follow{display:flex;align-items:center;gap:28px;flex-shrink:0}
.aqs-footer-xinli .mf-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff;white-space:nowrap}
.aqs-footer-xinli .mf-title-icon{font-size:22px}
.aqs-footer-xinli .mf-qrs{display:flex;gap:22px}
.aqs-footer-xinli .mf-qr-item{text-align:center}
.aqs-footer-xinli .mf-qr-box{
    width:108px;height:108px;padding:6px;background:#fff;border-radius:10px;
    box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .25s ease;
}
.aqs-footer-xinli .mf-qr-box:hover{transform:translateY(-4px)}
.aqs-footer-xinli .mf-qr-box img{width:100%;height:100%;object-fit:contain;display:block}
.aqs-footer-xinli .mf-qr-name{font-size:12px;color:#b5bcc3;margin-top:6px}
.aqs-footer-xinli .media-contact{
    flex:1;display:flex;align-items:center;justify-content:flex-end;gap:30px;
    border-left:1px solid #393e42;padding-left:30px;
}
.aqs-footer-xinli .mc-title{font-size:18px;font-weight:700;color:#fff;white-space:nowrap}
.aqs-footer-xinli .mc-items{display:flex;flex-direction:column;gap:8px}
.aqs-footer-xinli .mc-item{display:flex;align-items:center;gap:12px}
.aqs-footer-xinli .mc-ic{
    width:34px;height:34px;border-radius:50%;background:rgba(105,130,250,.15);
    display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;
}
.aqs-footer-xinli .mc-label{font-size:12px;color:#8a9299;margin:0}
.aqs-footer-xinli .mc-value{font-size:14px;color:#e8eaed;margin:1px 0 0;font-weight:500}
.aqs-footer-xinli .mc-value a{color:#e8eaed!important;text-decoration:none}
.aqs-footer-xinli .mc-value a:hover{color:rgb(105,130,250)!important}

@media (max-width: 991px){
    .aqs-footer-xinli .footer-PC .footer-cont .medias{flex-direction:column;align-items:flex-start;gap:32px;padding:28px 0}
    .aqs-footer-xinli .media-contact{border-left:none;padding-left:0;flex-direction:column;align-items:flex-start;gap:20px;width:100%}
}
@media (max-width: 767px){
    .aqs-footer-xinli .media-follow{flex-direction:column;align-items:flex-start;gap:20px}
    .aqs-footer-xinli .mf-qr-box{width:96px;height:96px}
}