| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/2025_10_09_01/runtime/complile/ |
Upload File : |
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
<meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
<meta name="description" content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/bootstrap.min.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/fontawesome.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/pbminfotech-base-icons.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/shortcode.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/base.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/responsive.css">
</head>
<body>
<div class="page-wrapper">
<header class="site-header header-style-1">
<div class="pbmit-header-overlay">
<div class="pbmit-main-header-area">
<div class="container-fluid">
<div class="pbmit-header-content d-flex justify-content-between align-items-center">
<div class="pbmit-logo-button-area d-flex justify-content-between align-items-center">
<div class="site-branding">
<h1 class="site-title"> <a href="{pboot:sitedomain}/"> <img class="logo-img" src="{pboot:sitelogo}" alt="Xinterio"> </a> </h1>
<div class="pbmit-sticky-corner pbmit-top-right-corner"> <svg width="20" height="20" viewbox="0 0 20 20" fill="" xmlns="http://www.w3.org/2000/svg">
<path d="M20 20V0C20 16 16 20 0 20H20Z" fill="red"></path>
</svg> </div>
<div class="pbmit-sticky-corner pbmit-bottom-left-corner"> <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 20V0C20 12 12 20 0 20H20Z" fill="red"></path>
</svg> </div>
</div>
<div class="pbmit-button-box">
<div class="pbmit-header-button"> <a href="tel:{pboot:companyphone}"> <span class="pbmit-header-button-text-1">{pboot:companyphone}</span> <span class="pbmit-header-button-text-2">tel:{pboot:companyphone}</span> </a> </div>
</div>
</div>
<div class="site-navigation">
<nav class="main-menu navbar-expand-xl navbar-light">
<div class="navbar-header">
<!-- Toggle Button -->
<button class="navbar-toggler" type="button"> <i class="pbmit-base-icon-menu-1"></i> </button>
</div>
<div class="pbmit-mobile-menu-bg"></div>
<div class="collapse navbar-collapse clearfix show" id="pbmit-menu">
<div class="pbmit-menu-wrap"> <span class="closepanel"> <svg class="qodef-svg--close qodef-m" xmlns="http://www.w3.org/2000/svg" width="20.163" height="20.163" viewbox="0 0 26.163 26.163">
<rect width="36" height="1" transform="translate(0.707) rotate(45)"></rect>
<rect width="36" height="1" transform="translate(0 25.456) rotate(-45)"></rect>
</svg> </span>
<ul class="navigation clearfix">
<li class="{pboot:if(0=='{sort:scode}')}active{/pboot:if}"> <a href="{pboot:sitedomain}/">Home</a></li>
{pboot:nav}
<li class="{pboot:if([nav:soncount]>0)}dropdown{/pboot:if} {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}"> <a href="[nav:link]">[nav:name]</a>
{pboot:if([nav:soncount]>0)}
<ul>
{pboot:2nav parent=[nav:scode]}
<li class="{pboot:2if('[2nav:scode]'=='{sort:scode}')}active{/pboot:2if}"><a href="[2nav:link]">[2nav:name]</a></li>
{/pboot:2nav}
</ul>
{/pboot:if}
</li>
{/pboot:nav}
</ul>
</div>
</div>
</nav>
</div>
<div class="pbmit-right-box d-flex align-items-center">
<div class="pbmit-header-search-btn"> <a href="#" title="Search"> <i class="pbmit-base-icon-search-1"></i> </a> </div>
{pboot:sort scode=15}
<div class="pbmit-button-box-second"> <a class="pbmit-btn" href="[sort:link]"> <span class="pbmit-button-content-wrapper"> <span class="pbmit-button-text">[sort:name]</span> </span> </a> </div>
{/pboot:sort}
</div>
</div>
</div>
</div>
</div>
</header>
<div class="pbmit-title-bar-wrapper">
<div class="container">
<div class="pbmit-title-bar-content">
<div class="pbmit-title-bar-content-inner">
<div class="pbmit-tbar">
<div class="pbmit-tbar-inner container">
<h1 class="pbmit-tbar-title">{sort:topname}</h1>
</div>
</div>
<div class="pbmit-breadcrumb">
<div class="pbmit-breadcrumb-inner"> <span> {pboot:position indextext=Home} </span> </div>
</div>
</div>
</div>
</div>
</div>
<div class="page-content">
<section class="section-md pbmit-sortable-yes">
<div class="container">
<div class="pbmit-sortable-list">
<ul class="pbmit-sortable-list-ul">
{pboot:nav num=50 parent={sort:tcode}}
<li><a href="[nav:link]" class="pbmit-sortable-link {pboot:if('[nav:scode]'=='{sort:scode}')}pbmit-selected{/pboot:if}">[nav:name]</a></li>
{/pboot:nav}
</ul>
</div>
<div class="pbmit-element-posts-wrapper row multi-columns-row">
{pboot:search num=9 order=sorting}
<article class="pbmit-ele-portfolio pbmit-portfolio-style-2 furniture col-md-4">
<div class="pbminfotech-post-content">
<div class="pbmit-featured-img-wrapper">
<div class="pbmit-featured-wrapper"> <img src="[search:ico]" class="img-fluid" alt="[search:title]"> </div>
</div>
<div class="pbminfotech-box-content">
<div class="pbminfotech-titlebox">
<div class="pbmit-port-cat"> <a href="[search:sortlink]" rel="tag">[search:sortname]</a> </div>
<h3 class="pbmit-portfolio-title"> <a href="[search:link]">[search:title]</a> </h3>
</div>
</div>
</div>
</article>
{/pboot:search}
</div>
{pboot:if({page:rows}>0)}
<div class="pagebar">
<div class="pagination">
<a class="page-item page-link hidden-sm" href="{page:index}" title="Home">Home</a>
{page:numbar}
<a class="page-item page-link" href="javascript:;" title="">{page:current}/{page:count}</a>
<a class="page-item page-link hidden-sm" href="{page:last}" title="End">End</a>
</div>
</div>
{else}
<div class="tac text-secondary">No Data!</div>
{/pboot:if}
</div>
</section>
</div>
<footer class="site-footer footer-style-1 pbmit-bg-color-secondary">
<div class="footer-wrap pbmit-footer-widget-area">
<div class="container">
<div class="row">
<div class="col-md-2">
<aside class="widget pbmit-two-column-menu">
<ul>
{pboot:sort scode=1}<li><a href="[sort:link]">[sort:name]</a></li>{/pboot:sort}
{pboot:nav parent={sort:tcode} parent=1 num=10}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}
</ul>
</aside>
</div>
<div class="col-md-2">
<aside class="widget pbmit-two-column-menu">
<ul>
{pboot:sort scode=2}<li><a href="[sort:link]">[sort:name]</a></li>{/pboot:sort}
{pboot:nav parent={sort:tcode} parent=2 num=10}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}
</ul>
</aside>
</div>
<div class="col-md-4">
<aside class="widget">
<div class="textwidget">
<div class="pbmit-footer-logo"> <img src="{label:footlogo}" alt=""> </div>
</div>
</aside>
</div>
<div class="col-md-2">
<aside class="widget pbmit-two-column-menu">
<ul>
{pboot:sort scode=7}<li><a href="[sort:link]">[sort:name]</a></li>{/pboot:sort}
{pboot:nav parent={sort:tcode} parent=7 num=10}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}
</ul>
</aside>
</div>
<div class="col-md-2">
<aside class="widget pbmit-two-column-menu">
<ul>
{pboot:sort scode=12}<li><a href="[sort:link]">[sort:name]</a></li>{/pboot:sort}
{pboot:nav parent={sort:tcode} parent=12 num=10}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}
{pboot:sort scode=20}<li><a href="[sort:link]">Aviso Legal</a></li>{/pboot:sort}
{pboot:sort scode=21}<li><a href="[sort:link]">Política de Privacidad</a></li>{/pboot:sort}
{pboot:sort scode=22}<li><a href="[sort:link]">Política de Cookies</a></li>{/pboot:sort}
<li><a href="javascript:void(0);" onclick="var m = document.getElementById('cookie-modal'); if(m) m.classList.add('show');">Gestionar Cookies</a></li>
</ul>
</aside>
</div>
</div>
</div>
</div>
<div class="pbmit-footer-big-area-wrapper">
<div class="footer-wrap pbmit-footer-big-area">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4 pbmit-footer-left"> <span class="pbmit-phone-number">{pboot:companyphone}</span> </div>
<div class="col-md-4 pbmit-footer-right"> <span class="pbmit-address"> {pboot:companyaddress}</span> </div>
</div>
</div>
</div>
</div>
<div class="pbmit-footer-text-area">
<div class="container">
<div class="pbmit-footer-text-inner">
<div class="row">
<div class="col-md-12">
<div class="pbmit-footer-copyright-text-area"> {pboot:sitecopyright} <a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow">{pboot:siteicp}</a> <a target="_blank" href="{pboot:sitedomain}/index.php/sitemap.xml">XML</a> {pboot:sitestatistical}</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer End -->
<!-- WhatsApp Floating Button -->
<a href="{label:whatsapp}" target="_blank" class="pbmit-whatsapp-float" title="WhatsApp">
<svg viewBox="0 0 32 32" class="pbmit-whatsapp-svg">
<path d="M16 0c-8.837 0-16 7.163-16 16 0 2.825.737 5.587 2.137 8l-2.137 8 8.212-2.1c2.4 1.3 5.112 2.1 7.787 2.1 8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 29.337c-2.4 0-4.75-.637-6.812-1.837l-.487-.287-5.075 1.3 1.325-4.95-.312-.5c-1.325-2.1-2-4.525-2-7.062 0-7.362 6-13.362 13.362-13.362 7.362 0 13.362 6 13.362 13.362s-6 13.362-13.362 13.362zM22.512 18.912c-.362-.187-2.125-1.05-2.45-1.175s-.562-.187-.8.187-1.175 1.45-1.45 1.763-.537.337-.9.15c-.362-.187-1.525-.562-2.912-1.8-1.075-.962-1.812-2.15-2.025-2.512s-.025-.562.163-.737c.163-.163.362-.425.537-.637s.25-.337.362-.562.062-.425-.037-.637-.8-1.925-1.1-2.65c-.3-.7-.6-.6-.8-.6s-.412-.012-.637-.012-.6.087-.912.437-1.212 1.187-1.212 2.887.012 3.337 1.55 5.375c1.55 2.025 2.987 3.1 5.437 4.15 2.45 1.05 2.45.7 2.912.662.462-.037 1.512-.625 1.725-1.225s.212-1.125.15-1.225-.225-.15-.587-.337z"></path>
</svg>
</a>
<style>
.pbmit-whatsapp-float {
position: fixed;
width: 56px;
height: 56px;
bottom: 123px;
right: 46px;
background-color: #25d366;
color: #fff;
border-radius: 50px;
text-align: center;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
text-decoration: none;
}
.pbmit-whatsapp-float:hover {
background-color: #128c7e;
transform: scale(1.1);
box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.3);
color: #fff;
}
.pbmit-whatsapp-float:active {
transform: scale(0.9);
}
.pbmit-whatsapp-svg {
width: 32px;
height: 32px;
fill: #fff;
}
@media screen and (max-width: 767px) {
.pbmit-whatsapp-float {
width: 48px;
height: 48px;
bottom: 16px;
right: 16px;
}
.pbmit-whatsapp-svg {
width: 26px;
height: 26px;
}
}
</style>
<!-- Search Box Start Here -->
<div class="pbmit-search-overlay">
<div class="pbmit-icon-close"> <svg class="qodef-svg--close qodef-m" xmlns="http://www.w3.org/2000/svg" width="28.163" height="28.163" viewbox="0 0 26.163 26.163">
<rect width="36" height="1" transform="translate(0.707) rotate(45)"></rect>
<rect width="36" height="1" transform="translate(0 25.456) rotate(-45)"></rect>
</svg> </div>
<div class="pbmit-search-outer">
<form class="pbmit-site-searchform" action="{pboot:scaction}" method="get">
<input type="search" class="form-control field searchform-s" name="keyword" placeholder="Search …">
<button type="submit"></button>
</form>
</div>
</div>
<!-- Search Box End Here -->
<!-- Scroll To Top -->
<div class="pbmit-progress-wrap"> <svg class="pbmit-progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
</svg> </div>
<!-- Scroll To Top End -->
<!-- Cookie Consent Modal -->
<div id="cookie-modal" class="cookie-modal-overlay">
<div class="cookie-modal-container">
<div class="cookie-modal-header">
<h5>Preferencias de Consentimiento</h5>
<button class="cookie-modal-close">×</button>
</div>
<div class="cookie-modal-body">
<h6>Uso de Cookies</h6>
<p>Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada en base a un perfil elaborado a partir de tus hábitos de navegación (por ejemplo, páginas visitadas).</p>
<div class="cookie-setting-item accordion">
<div class="cookie-setting-header clickable">
<span class="toggle-icon"><i class="fa fa-chevron-down"></i></span>
<span class="cookie-title">Cookies Estrictamente Necesarias</span>
<span class="status-label">Siempre Habilitado</span>
<label class="switch disabled">
<input type="checkbox" checked disabled>
<span class="slider round"></span>
</label>
</div>
<div class="cookie-setting-content">
<p class="cookie-desc">Estas Cookies son esenciales para el correcto funcionamiento del sitio.</p>
</div>
</div>
<div class="cookie-setting-item accordion">
<div class="cookie-setting-header clickable">
<span class="toggle-icon"><i class="fa fa-chevron-down"></i></span>
<span class="cookie-title">Cookies Analíticas</span>
<span class="badge">2 Servicios</span>
<label class="switch">
<input type="checkbox" id="analytics-cookies">
<span class="slider round"></span>
</label>
</div>
<div class="cookie-setting-content">
<div class="sub-cookie-item">
<span>Google Analytics UA</span>
<label class="switch small">
<input type="checkbox" class="sub-check">
<span class="slider round"></span>
</label>
</div>
<div class="sub-cookie-item">
<span>Google Analytics GA4</span>
<label class="switch small">
<input type="checkbox" class="sub-check">
<span class="slider round"></span>
</label>
</div>
<p class="cookie-desc">Estas Cookies recopilan información de tu experiencia de navegación en nuestros portales web de forma totalmente anónima. - Podemos contabilizar el número de visitantes de la página o los contenidos más vistos.</p>
</div>
</div>
<div class="more-info-box">
<h6>Más información</h6>
<p>Para más información consulta nuestra <a href="{pboot:sitepath}/?about/22">política de cookies</a>.</p>
</div>
</div>
<div class="cookie-modal-footer">
<div class="footer-left">
<button class="btn-cookie primary" id="accept-all-cookies">Aceptar todo</button>
<button class="btn-cookie secondary" id="reject-all-cookies">Rechazar todo</button>
</div>
<button class="btn-cookie outline" id="save-cookie-preferences">Guardar preferencias</button>
</div>
</div>
</div>
<style>
.cookie-modal-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0,0,0,0.5) !important;
z-index: 999999 !important;
display: none;
align-items: center !important;
justify-content: center !important;
}
.cookie-modal-overlay.show {
display: flex !important;
}
.cookie-modal-container {
background: #fff;
width: 90%;
max-width: 650px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
font-family: sans-serif;
}
.cookie-modal-header {
padding: 15px 20px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.cookie-modal-header h5 { margin: 0; font-size: 18px; color: #333; }
.cookie-modal-close { background: #f0f2f5; border: none; font-size: 24px; cursor: pointer; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.cookie-modal-body { padding: 20px; max-height: 70vh; overflow-y: auto; }
.cookie-modal-body h6 { margin: 0 0 10px 0; font-size: 16px; color: #333; }
.cookie-modal-body p { font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 20px; }
.cookie-setting-item { background: #f4f7f9; border-radius: 8px; margin-bottom: 10px; border: 1px solid #e9ecef; }
.cookie-setting-header { padding: 12px 15px; display: flex; align-items: center; position: relative; }
.cookie-setting-header.clickable { cursor: pointer; }
.toggle-icon { margin-right: 10px; color: #999; font-size: 12px; transition: transform 0.3s; display: inline-block; }
.cookie-setting-item.active .toggle-icon { transform: rotate(180deg); }
.cookie-title { font-weight: 600; font-size: 14px; color: #333; flex-grow: 1; }
.status-label { font-size: 12px; color: #888; margin-right: 10px; }
.badge { background: #333; color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 10px; margin-right: 10px; }
.cookie-setting-content { padding: 0 15px 15px 40px; display: none; border-top: 1px solid #eee; background: #fff; }
.cookie-setting-item.active .cookie-setting-content { display: block; }
.sub-cookie-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px dotted #eee; }
.sub-cookie-item span { font-size: 13px; color: #555; }
.cookie-desc { margin-top: 15px !important; font-size: 13px !important; color: #777 !important; }
/* Switch Style */
.switch { position: relative; display: inline-block; width: 44px; height: 22px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; background-color: white; transition: .4s; }
.slider.round:before { content: "\2715"; font-size: 10px; line-height: 18px; text-align: center; color: #999; }
input:checked + .slider { background-color: #6c757d; }
input:checked + .slider:before { transform: translateX(22px); content: "\2713"; color: #28a745; }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.switch.disabled { opacity: 0.5; cursor: not-allowed; }
.small.switch { width: 36px; height: 18px; }
.small .slider:before { height: 14px; width: 14px; left: 2px; bottom: 2px; }
.small input:checked + .slider:before { transform: translateX(18px); }
.more-info-box { border: 1px solid #eef2f7; padding: 15px; border-radius: 8px; margin-top: 20px; }
.more-info-box h6 { font-size: 14px; margin-bottom: 5px; }
.more-info-box a { color: #333; font-weight: 600; text-decoration: none; border-bottom: 1px solid #333; }
.cookie-modal-footer { padding: 15px 20px; background: #fff; border-top: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; }
.footer-left { display: flex; gap: 10px; }
.btn-cookie { padding: 8px 20px; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; border: 1px solid transparent; transition: 0.3s; }
.btn-cookie.primary { background: #7d4b26; color: #fff; }
.btn-cookie.primary:hover { background: #5d381d; }
.btn-cookie.secondary { background: #7d4b26; color: #fff; }
.btn-cookie.secondary:hover { background: #5d381d; }
.btn-cookie.outline { background: #f0f2f5; color: #333; }
.btn-cookie.outline:hover { background: #e2e6ea; }
@media (max-width: 576px) {
.cookie-modal-footer { flex-direction: column; gap: 15px; }
.footer-left { width: 100%; justify-content: space-between; }
.btn-cookie.outline { width: 100%; }
}
</style>
<!-- Cookie Initial Banner -->
<div id="cookie-banner" class="cookie-banner-overlay">
<div class="cookie-banner-container">
<div class="cookie-banner-body">
<h4>Cookies</h4>
<p>Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada en base a un perfil elaborado a partir de tus hábitos de navegación (por ejemplo, páginas visitadas). Puedes aceptar todas las cookies pulsando el botón “Aceptar”, rechazar todas pulsando “Rechazar” o configurar su uso pulsando el botón “Gestionar Preferencias”.</p>
<div class="cookie-banner-buttons">
<button class="btn-banner primary" id="banner-accept-all">Aceptar todo</button>
<button class="btn-banner primary" id="banner-reject-all">Rechazar todo</button>
<button class="btn-banner secondary" id="banner-manage">Gestionar preferencias</button>
</div>
</div>
<div class="cookie-banner-footer">
<a href="{pboot:sitepath}/?about/22">Política de cookies</a>
<a href="{pboot:sitepath}/?about/20">Términos y condiciones</a>
</div>
</div>
</div>
<style>
.cookie-banner-overlay {
position: fixed !important;
bottom: 20px;
left: 20px;
width: 380px;
z-index: 999998;
display: none;
font-family: sans-serif;
}
.cookie-banner-overlay.show {
display: block !important;
}
.cookie-banner-container {
background: #fff;
border-radius: 12px;
box-shadow: 0 5px 25px rgba(0,0,0,0.2);
overflow: hidden;
border: 1px solid #eee;
}
.cookie-banner-body {
padding: 20px;
}
.cookie-banner-body h4 {
margin: 0 0 15px 0;
font-size: 18px;
font-weight: 700;
color: #333;
}
.cookie-banner-body p {
font-size: 13px;
color: #666;
line-height: 1.6;
margin-bottom: 20px;
}
.cookie-banner-buttons {
display: flex;
flex-direction: column;
gap: 10px;
}
.btn-banner {
width: 100%;
padding: 12px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
border: none;
transition: 0.3s;
}
.btn-banner.primary {
background: #7d4b26;
color: #fff;
}
.btn-banner.primary:hover {
background: #5d381d;
}
.btn-banner.secondary {
background: #e9ecef;
color: #333;
}
.btn-banner.secondary:hover {
background: #dee2e6;
}
.cookie-banner-footer {
background: #f8f9fa;
padding: 12px 20px;
display: flex;
gap: 20px;
border-top: 1px solid #eee;
}
.cookie-banner-footer a {
font-size: 12px;
color: #666;
text-decoration: none;
}
.cookie-banner-footer a:hover {
text-decoration: underline;
}
@media (max-width: 576px) {
.cookie-banner-overlay {
left: 10px;
right: 10px;
width: auto;
bottom: 10px;
}
}
</style>
<script>
(function() {
var banner = document.getElementById('cookie-banner');
var modal = document.getElementById('cookie-modal');
// 检查是否已经设置过 Cookie
if (!localStorage.getItem('cookie-consent')) {
setTimeout(function() {
if (banner) banner.classList.add('show');
}, 1000);
}
// 接受全部
document.getElementById('banner-accept-all').onclick = function() {
localStorage.setItem('cookie-consent', 'accepted');
banner.classList.remove('show');
// 这里可以触发原本弹窗的接受逻辑
var checkboxes = document.querySelectorAll('.cookie-modal-body input[type="checkbox"]:not(:disabled)');
checkboxes.forEach(function(cb) { cb.checked = true; });
};
// 拒绝全部
document.getElementById('banner-reject-all').onclick = function() {
localStorage.setItem('cookie-consent', 'rejected');
banner.classList.remove('show');
var checkboxes = document.querySelectorAll('.cookie-modal-body input[type="checkbox"]:not(:disabled)');
checkboxes.forEach(function(cb) { cb.checked = false; });
};
// 展开管理
document.getElementById('banner-manage').onclick = function() {
banner.classList.remove('show');
if (modal) modal.classList.add('show');
};
// 监听弹窗的保存，确保 Banner 不再显示
document.getElementById('save-cookie-preferences').addEventListener('click', function() {
localStorage.setItem('cookie-consent', 'custom');
});
document.getElementById('accept-all-cookies').addEventListener('click', function() {
localStorage.setItem('cookie-consent', 'accepted');
});
document.getElementById('reject-all-cookies').addEventListener('click', function() {
localStorage.setItem('cookie-consent', 'rejected');
});
})();
</script>
<script>
// 使用纯原生JS实现弹窗开关，确保不依赖加载顺序
(function() {
var modal = document.getElementById('cookie-modal');
var openBtn = document.getElementById('open-cookie-settings');
var closeBtn = document.querySelector('.cookie-modal-close');
var saveBtn = document.getElementById('save-cookie-preferences');
// Open modal
if (openBtn) {
openBtn.addEventListener('click', function(e) {
e.preventDefault();
if (modal) modal.classList.add('show');
});
}
if (closeBtn) {
closeBtn.onclick = function() {
if (modal) modal.classList.remove('show');
};
}
if (saveBtn) {
saveBtn.onclick = function() {
if (modal) modal.classList.remove('show');
};
}
window.onclick = function(event) {
if (event.target == modal) {
modal.classList.remove('show');
}
};
// 折叠面板逻辑 - 使用事件委托
document.addEventListener('click', function(e) {
var header = e.target.closest('.cookie-setting-header.clickable');
if (header) {
// 如果点击的是开关，不触发折叠
if (e.target.closest('.switch')) return;
var item = header.closest('.cookie-setting-item');
if (item) {
item.classList.toggle('active');
}
}
});
// 开关联动逻辑
document.addEventListener('change', function(e) {
if (e.target.id === 'analytics-cookies') {
var subChecks = e.target.closest('.cookie-setting-item').querySelectorAll('.sub-check');
subChecks.forEach(function(cb) {
cb.checked = e.target.checked;
});
}
if (e.target.classList.contains('sub-check')) {
var content = e.target.closest('.cookie-setting-content');
var mainCheck = content.closest('.cookie-setting-item').querySelector('#analytics-cookies');
var anyChecked = content.querySelectorAll('.sub-check:checked').length > 0;
if (mainCheck) mainCheck.checked = anyChecked;
}
});
// 接受/拒绝全部
document.addEventListener('click', function(e) {
if (e.target.id === 'accept-all-cookies') {
var checkboxes = document.querySelectorAll('.cookie-modal-body input[type="checkbox"]:not(:disabled)');
checkboxes.forEach(function(cb) { cb.checked = true; });
if (modal) modal.classList.remove('show');
}
if (e.target.id === 'reject-all-cookies') {
var checkboxes = document.querySelectorAll('.cookie-modal-body input[type="checkbox"]:not(:disabled)');
checkboxes.forEach(function(cb) { cb.checked = false; });
if (modal) modal.classList.remove('show');
}
});
})();
</script>
</div>
<script src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/bootstrap.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/numinate.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/aos.js"></script>
<script src="{pboot:sitedomain}/skin/js/scripts.js"></script>
</body>
</html><?php return array (
0 => '/www/data/wwwroot/2025_10_09_01/template/dafeult/head.html',
1 => '/www/data/wwwroot/2025_10_09_01/template/dafeult/foot.html',
); ?>