ZUMIMALL 2K Outdoor Solar Security Camera-X3K

ZUMIMALL X3K Product Page /* 全局样式 */ .product-description { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; font-family: 'Segoe UI', Ta homa, Geneva, Verdana, sans-serif; } .content-wrapper { max-width: 70%; /* 电脑端左右留空15% */ width: 100%; } .product-image { max-width: 100%; height: auto; } .product-title { font-size: 20px; font-weight: bold; } @media (max-width: 768px) { .content-wrapper { max-width: 100%; /* 移动端不留空 */ } } /* 隔离线样式 */ .divider { width: 70%; /* 电脑端占据80%宽度 */ height: 1px; /* 线条高度 */ background: linear-gradient(to right, transparent, rgba(255, 215, 0, 0.3), transparent); margin: 20px auto; /* 上下外边距，居中显示 */ } /* 移动端样式 */ @media (max-width: 740px) { .divider { width: 100%; /* 移动端全宽显示 */ } } /* 折叠栏容器 */ .foldable-container { max-width: 70%; /* PC端宽度为屏幕的80% */ margin-left: auto; margin-right: auto; } /* 折叠栏标题 */ .foldable-summary { cursor: pointer; padding: 15px; background-color: transparent; /* 透明背景 */ border-bottom: 1px solid #ddd; /* 只显示底部边框 */ color: #000; /* 黑色字体 */ list-style: none; display: flex; align-items: center; justify-content: space-between; font-weight: bold; /* 标题加粗 */ } /* 折叠栏标题（点击后样式） */ details[open] .foldable-summary { background-color:#E4E1E1; /* 灰色背景 */ color: #020C1E; /* 深蓝色字体 */ } /* 折叠栏内容 */ .foldable-content { display: flex; flex-direction: row; /* 内容水平排列 */ align-items: center; /* 垂直居中对齐 */ padding: 5px; /* 内边距为 5px */ border-bottom: 1px solid #ddd; /* 只显示底部边框 */ background-color: white; /* 内容背景为白色 */ } /* 折叠栏图片 */ .foldable-content img { width: 70%; /* 图片占70% */ height: auto; } /* 折叠栏文字 */ .foldable-content p { width: 30%; /* 文字占30% */ margin: 0; padding-left: 20px; } /* 折叠栏图标 */ .foldable-icon { transition: transform 0.2s; margin-left: 20px; /* 图标与标题文字间距 */ } /* 展开时图标旋转 */ details[open] .foldable-icon { transform: rotate(90deg); } /* 移动端样式 */ @media (max-width: 768px) { .foldable-container { max-width: 100%; /* 移动端宽度为100% */ padding-left: 5px; padding-right: 5px; } .foldable-content { flex-direction: column; /* 图片和文字上下排列 */ } .foldable-content img { width: 100%; /* 图片占满宽度 */ } .foldable-content p { width: 100%; /* 文字占满宽度 */ padding-left: 0; padding-top: 5px; } } /* 折叠栏容器 */ .stacked-foldable-container { width: 100%; max-width: 70%; /* 电脑端左右留空15% */ margin: 0 auto; font-family: 'Segoe UI', Roboto, -apple-system, sans-serif; /* 添加圆滑字体 */ } /* 折叠栏样式 */ .stacked-foldable { border-bottom: 1px solid #ddd; /* 只有下边框 */ background-color: white; /* 背景白色 */ } /* 折叠栏标题 */ .stacked-foldable-summary { display: flex; justify-content: space-between; align-items: center; padding: 15px; cursor: pointer; } /* 折叠栏标题文字加粗 */ .stacked-foldable-title { font-weight: bold; font-size: 18px; /* 保持标题稍大 */ } /* 折叠栏图标 */ .stacked-foldable-icon { font-size: 16px; transition: transform 0.3s ease; /* 旋转动画 */ font-size: 20px; /* 图标的字体大小 */ color: #000; /* 设置图标颜色为黑色 */ } /* 展开时图标旋转 */ details[open] .stacked-foldable-icon { transform: rotate(90deg); } /* 折叠栏内容 */ .stacked-foldable-content { padding: 40px; font-size: 15px; /* 内容文字大小设为15px */ font-weight: 400; /* 常规粗细更圆滑 */ letter-spacing: 0.2px; /* 轻微字间距使更易读 */ line-height: 1.4; /* 增加行高 */ } /* 内容行 */ .stacked-foldable-row { display: flex; justify-content: space-between; padding: 15px 0; /* 减小行间距以配合小字体 */ border-bottom: 1px solid #ddd; /* 添加底部边框线 */ } /* 最后一行不需要底部边框线 */ .stacked-foldable-row:last-child { border-bottom: none; } /* 内容列 */ .stacked-foldable-col { width: 40%; /* 两列布局，留一点间距 */ } /* 移动端样式 */ @media (max-width: 768px) { .stacked-foldable-container { max-width: 100%; /* 移动端不留空 */ } .stacked-foldable-content { font-size: 12px; /* 移动端更小一点 */ } } /* 轮播容器 */ .carousel-container { width: 70%; margin: 0 auto; padding: 20px 0; } /* 轮播页面样式 */ .swiper-slide.carousel-page { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; border: 2px solid #D3D3D3; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; overflow: hidden; } .swiper-slide.carousel-page:hover { transform: scale(1.03); } /* 图片占满左右上三面 */ .carousel-page img { width: 100%; height: 80%; object-fit: cover; } /* 文字占底部 */ .carousel-text { width: 100%; height: 20%; padding: 15px; text-align: center; font-size: 18px; color: #333; background: #fff; box-sizing: border-box; } /* Swiper导航按钮 */ .swiper-button-prev, .swiper-button-next { color: #000; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; } .swiper-button-prev:hover, .swiper-button-next:hover { background: #000; color: #fff; } .swiper-button-prev::after, .swiper-button-next::after { font-size: 18px; } /* 分页栏样式 */ .swiper-pagination { position: relative; margin-top: 10px; } .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #ccc; opacity: 0.5; margin: 0 5px; } .swiper-pagination-bullet-active { background-color: #000; opacity: 1; } /* 移动端样式 */ @media (max-width: 768px) { .carousel-container { width: 100%; padding: 10px 0; } .swiper-slide { width: 100% !important;/* 显示当前页面100%，露出下一个页面的0% */ margin-right: 10px; /* 页面间距 */ } } /* 通用样式 */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; box-sizing: border-box; } /* 折叠栏容器 */ .collapse-container { width: 70%; /* 电脑端宽度 */ margin: 20px auto; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } /* 折叠栏标题 */ .collapse-header { display: flex; justify-content: space-between; align-items: center; padding: 15px; background-color: #f2f2f2; cursor: pointer; } .collapse-header h2 { font-size: 24px; font-weight: bold; margin: 0; text-align: center; flex-grow: 1; /* 标题居中 */ } /* 折叠图标 */ .collapse-icon { font-size: 20px; transition: transform 0.3s ease; /* 图标旋转动画 */ } /* 展开时的图标旋转 */ .collapse-header.active .collapse-icon { transform: rotate(90deg); } /* 折叠内容 */ .collapse-content { display: block; /* 默认展开 */ padding: 15px; background-color: #fff; } /* 图片和文字布局 */ .content-wrapperd { display: flex; } .image-cell { width: 70%; /* 图片占70% */ } .image-cell img { width: 100%; height: auto; display: block; } .text-cell { width: 30%; /* 文字占30% */ padding-left: 15px; } /* 移动端样式 */ @media (max-width: 768px) { .collapse-container { width: 100%; /* 移动端全宽 */ } .content-wrapperd { flex-direction: column; /* 上下排列 */ } .image-cell, .text-cell { width: 100%; /* 全宽显示 */ } .text-cell { padding-left: 0; margin-top: 15px; } } /* 主容器样式 */ .accordion-container { width: 70%; /* 电脑端宽度70%（左右各留15%） */ margin: 0 auto; padding: 0; font-family: Arial, sans-serif; } /* 折叠栏样式 - 修改背景和边框 */ .accordion { width: 100%; border: none; border-bottom: 1px solid #ddd; /* 添加下边框线 */ outline: none; transition: 0.3s; background-color: transparent; /* 背景改为透明 */ cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 12px 0; /* 调整内边距 */ text-align: left; } /* 第一个折叠栏 */ .accordion:first-of-type { border-top: 1px solid #ddd; /* 添加上边框线 */ } /* 最后一个折叠栏 */ .accordion:last-of-type { margin-top: 0; /* 移除之前的负边距 */ } /* 折叠栏标题 */ .accordion-title { font-weight: bold; font-size: 14px; color: #50C2C7; margin: 0; display: flex; align-items: center; gap: 8px; } /* 折叠图标 - 改为❯符号 */ .accordion-icon { font-size: 16px; transition: transform 0.3s; color: #666; /* 图标颜色变深 */ } /* 展开时的图标旋转 */ .accordion.active .accordion-icon { transform: rotate(90deg); color: #222; /* 激活时图标颜色更深 */ } /* 折叠内容 */ .accordion-content { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background-color: white; } /* 折叠内容图片 */ .accordion-image { width: 100%; height: auto; display: block; margin-bottom: 10px; /* 图片下方留白 */ } /* 手机端适配 */ @media (max-width: 768px) { .accordion-container { width: 100%; /* 手机端恢复全宽 */ padding: 0 15px; /* 增加侧边内边距 */ } .accordion { padding: 12px 0; /* 保持垂直内边距 */ } .accordion-title { font-size: 13px; } } /* 主容器样式 */ .responsive-container { width: 70%; /* 电脑端宽度70% */ margin: 0 auto; padding: 0; font-family: Arial, sans-serif; } /* 行容器 */ .row { display: flex; gap: 100px; margin-bottom: 15px; } /* 列样式 */ .column { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 5px 5px; border-radius: 6px; background-color: #f8f8f8; min-width: 0; } /* 内容区域 */ .content { display: flex; align-items: center; gap: 8px; } /* 图标 */ .icon { width: 20px; height: 20px; } /* 文本 */ .text h3 { font-size: 14px; margin: 0; color: #222; font-weight: 500; white-space: nowrap; } /* 按钮样式 */ .button { padding: 5px 10px; background-color: #000; color: white; border: none; border-radius: 3px; cursor: pointer; font-weight: bold; font-size: 11px; white-space: nowrap; text-decoration: none; margin-left: 10px; } /* 按钮组容器 */ .button-group { display: flex; gap: 6px; } /* 手机端适配 */ @media (max-width: 768px) { .row { flex-direction: column; gap: 8px; } .column { width: 100%; padding: 8px 12px; } .icon { width: 18px; height: 18px; } .text h3 { font-size: 13px; } .button { padding: 4px 8px; font-size: 10px; } } ZUMIMALL Wireless 2.4G WiFi, Solar Powered with Rechargeable Battery -X3K 1. 3MP-Not just clarity, but attention to detail ❯ 2K Full HD with the advanced CMOS image sensor and 130° wide field of vision to get crystal videos and cover the wider field. Provides a stunning clear vision up to 100ft. 2. 360° All-round Manual Control - helps you get more angles and details ❯ ①More Wilder monitoring range, No blind zones ②You can easily control the PTZ camera to rotate 355° horizontally and 120° vertically to cover every angle of your house. ③4x digital zoom, manual zoom in to see more details ④Just with only 1 Zumimall WiFi camera, you can monitor the whole front porch or store. 3. PIR Detection AI Analysis ❯ Our home security cameras utilize AI technology to differentiate between people, pets, vehicles, and packages, minimizing false alarms. 4. IP66 Weatherproof ❯ The IP66 waterproof material can withstand all extreme weather including rainy, windy and snowy days, which allows your camera to work properly in all seasons. 5. Multi-Users Sharing ❯ You can share your device to different people so your whole family can view the camera at the same time. 6.Free Loop Recording ❯ The outdoor camera supports 7-day free loop recording (for 6s), no subscription is needed. Custom Alarm Area Advanced Motion Detection 2-Way Audio & Multi-user Accessed Spotlight & Siren Smoother Two-Way Audio Two Installation Options Smart 1-10 Level Sensitivity SD card & cloud storage Learn More about ZUMIMALL Security Camera One ZUMIMALL APP controls everything -Everything in your eyes What's in the Box?【X3K】 ❯ Included in the box Instruction Manual*1 X3K Camera*1 Camera Bracket*1 Solar Panel with Bracket*1 Screws Pack*1 Resolution ❯ Image Resolution 3MP (2304H x 1296V) Image Frame Rate 15fps Viewing Angle 130 degrees Remote PTZ 355° horizontal rotation, 120° vertical rotation Day & night Electronic(IR-CUT filter with auto switch) Design ❯ Alarm Detection Intelligent motion detection Ambient Temperature - 20 ° C to 50 ° C Wi-Fi 2.4G WIFI (IEEE802.11b/g/n) Security User authentication, software encryption Supported mobile phone OS IOS 9+, Adroid4.0+ Power ❯ Battery Capacity 5200mAh Using Time 3-4 months (10 times wake up per day) Standby Time 6 months Charging Voltage DV 5V+- 5%/2A Communication Protocols HTTP, DHCP, DNS, TCP/IP ZUMIMALL Cloud Storage ❯ ZUMIMALL AI Services ❯ Product Manual Download App Download APK iOS // Swiper轮播初始化 document.addEventListener("DOMContentLoaded", () => { const swiper = new Swiper('.swiper', { loop: true, // ✅ 启用无限循环 slidesPerView: "auto", spaceBetween: 20, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: ".swiper-pagination", clickable: true, // ✅ 允许点击分页点切换 }, breakpoints: { 1024: { slidesPerView: 3 }, 769: { slidesPerView: 2 }, 320: { slidesPerView: 1 } } }); }); // 折叠功能实现 document.querySelectorAll('.accordion').forEach(accordion => { accordion.addEventListener('click', function() { this.classList.toggle('active'); const content = this.nextElementSibling; if (content.style.maxHeight) { content.style.maxHeight = null; } else { content.style.maxHeight = content.scrollHeight + 'px'; } }); }); // 包装折叠功能 const collapseHeader = document.querySelector('.collapse-header'); const collapseContent = document.querySelector('.collapse-content'); const collapseIcon = document.querySelector('.collapse-icon'); // 默认展开状态 collapseHeader.classList.add('active'); collapseContent.style.display = 'block'; // 默认展开内容 // 绑定点击事件 collapseHeader.addEventListener('click', () => { // 切换展开和收起 collapseHeader.classList.toggle('active'); if (collapseHeader.classList.contains('active')) { collapseContent.style.display = 'block'; // 展开 } else { collapseContent.style.display = 'none'; // 收起 } }); Show more