ORCC 10-in-1 Portable Bluetooth Vinyl Turntable

* { margin: 0; padding: 0; box-sizing: border-box; } .description { max-width: 1200px; margin: 0 auto; font-family: Arial, sans-serif; background-color: #ffffff; color: #000000; line-height: 1.6; } /* 第一部分：完整大图 */ .section-1 { width: 100%; position: relative; overflow: hidden; max-height: 500px; display: flex; align-items: center; justify-content: center; } .section-1 img { width: 100%; height: auto; display: block; } /* 第二部分：左右结构 */ .section-2 { display: flex; width: 100%; min-height: 800px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .section-2-left { flex: 3; padding: 40px; display: flex; gap: 40px; border-right: 1px solid #e0e0e0; } .product-image-wrapper { flex: 1; position: relative; } .product-image-wrapper img { width: 100%; height: auto; display: block; } .dimensions { position: absolute; font-size: 12px; color: #ffffff; background: rgba(0, 0, 0, 0.6); padding: 4px 8px; border-radius: 4px; } .dimension-top { top: 10px; left: 50%; transform: translateX(-50%); } .dimension-right { right: 10px; top: 50%; transform: translateY(-50%); } .dimension-bottom { bottom: 10px; left: 50%; transform: translateX(-50%); } .dimension-left { left: 10px; top: 50%; transform: translateY(-50%); } .section-2-left-content { flex: 1; display: flex; flex-direction: column; } .section-2-left-content h2 { font-size: 28px; margin-bottom: 20px; color: #000000; } .features-list { list-style: none; margin-bottom: 20px; } .features-list li { margin-bottom: 12px; padding-left: 20px; position: relative; font-size: 14px; line-height: 1.8; } .features-list li::before { content: '•'; position: absolute; left: 0; color: #000000; font-weight: bold; } .specs-box { background-color: #f5f5f5; padding: 20px; border-radius: 4px; margin-top: auto; } .specs-box p { margin: 8px 0; font-size: 14px; } .section-2-right { flex: 1; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .section-2-right img { width: 100%; max-width: 500px; height: auto; margin-bottom: 30px; } .package-contents { width: 100%; max-width: 500px; } .package-contents h3 { font-size: 24px; margin-bottom: 20px; color: #000000; } .package-list { list-style: none; } .package-list li { margin-bottom: 15px; padding-left: 25px; position: relative; font-size: 14px; line-height: 1.8; } .package-list li::before { content: '•'; position: absolute; left: 0; color: #000000; font-weight: bold; font-size: 18px; } /* 第三部分：2 Built-in Speakers */ .section-3 { padding: 60px 40px; background-color: #ffffff; } .speaker-display { display: flex; gap: 50px; max-width: 1200px; margin: 0 auto 40px; align-items: center; justify-content: flex-start; } .speaker-main-image { flex: 0 0 auto; position: relative; margin: 0; padding: 0; } .speaker-main-image img { width: 300px; height: auto; max-width: 100%; display: block; object-fit: contain; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; margin: 0; padding: 0; } .speaker-text { flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center; padding: 0; margin: 0; max-width: 600px; } .speaker-text h3 { font-size: 24px; margin-bottom: 20px; color: #000000; } .speaker-text p { font-size: 16px; line-height: 1.8; color: #333333; } .speaker-thumbnails-wrapper { display: flex; align-items: center; justify-content: center; gap: 20px; max-width: 1200px; margin: 0 auto; position: relative; } .speaker-thumbnails { display: flex; justify-content: center; gap: 20px; flex: 1; } .speaker-nav-btn { width: 48px; height: 48px; border: 2px solid #007BFF; background-color: #ffffff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #007BFF; transition: all 0.3s ease; flex-shrink: 0; } .speaker-nav-btn:hover { background-color: #007BFF; color: #ffffff; transform: scale(1.1); } .speaker-nav-btn:active { transform: scale(0.95); } .speaker-nav-btn:disabled { opacity: 0.3; cursor: not-allowed; border-color: #cccccc; color: #cccccc; } .speaker-nav-btn:disabled:hover { background-color: #ffffff; color: #cccccc; transform: scale(1); } .speaker-thumbnail { width: 100px; height: 100px; cursor: pointer; border: 3px solid transparent; transition: all 0.3s; overflow: hidden; } .speaker-thumbnail:hover { border-color: #007BFF; transform: scale(1.05); } .speaker-thumbnail.active { border-color: #007BFF; } .speaker-thumbnail img { width: 100%; height: 100%; object-fit: cover; } /* 第四部分：三张图片一排 */ .section-4 { padding: 60px 40px; background-color: #ffffff; } .three-columns { display: flex; gap: 40px; max-width: 1200px; margin: 0 auto; } .column-item { flex: 1; text-align: center; } .column-item img { width: 100%; height: auto; margin-bottom: 20px; display: block; } .column-item h3 { font-size: 22px; margin-bottom: 15px; color: #000000; } .column-item p { font-size: 14px; line-height: 1.8; color: #333333; } /* 第五部分：大图 */ .section-5 { width: 100%; height: 500px; overflow: hidden; } .section-5 img { width: 100%; height: 100%; object-fit: cover; } /* 响应式设计 */ @media (max-width: 1024px) { .section-2 { flex-direction: column; } .section-2-left { flex-direction: column; border-right: none; border-bottom: 1px solid #e0e0e0; } .speaker-display { flex-direction: column; } .three-columns { flex-direction: column; } } @media (max-width: 768px) { .section-2-left, .section-2-right { padding: 20px; } .section-3, .section-4 { padding: 40px 20px; } .speaker-thumbnails { flex-wrap: wrap; } .speaker-thumbnail { width: 80px; height: 80px; } } 16.02 in 10.16 in 6.16 in 12.52 in --> Why Choose ORCC-Direct Power? 3 Speed: 3/45/78 RPM (support 7", 10" and 12" vinyl records), with belt drive and auto-stop system Convert vinyl, CD, Cassette, Aux-in to USB /SD card directly in MP3 format Built in FM/AM Radio Built-in CD, cassette, USB SD/MMC Card player (support MP3/WMA) Bluetooth wireless allows you to stream music from up to 33 feet away 3.5mm Aux-in for music from any non-Bluetooth device Support RCA and headphone jack output Built-in dual speakers and you can play your tunes directly Overall Dimensions: 12.52"(L) x 10.16"(W) x 6.16"(H) Dimensions(Close the cover): 12.52"(L) x 10.16"(W) x 16.02"(H) Weight: 10.35 lbs Package included 1 x Turntable: Enjoy what the Musician enjoys 1 x Gift Card: Write done best wishes 1 x Remote Control: Play in distance 1 x Double Packing: Shipping Colorful Gift Box 1 x Manual: Too many functions making you mess? The detailed manual helps! 2 Built-in Speakers 2 Built-in stereo system provide loud and clear sound and also support audio RCA output, you can connect to it through audio RCA cable to get better sound. Built-in CD Player Pop in a CD and enjoy all your favorite CD. Remote control allows you choose music at a Long distance. Headphone Jack Output Headphone jack for personal listening, enjoy your own music world. Built-in RCA Output 3.5mm RCA out for extending the sound by connecting the external amplifier when you hold party. // 第三部分的图片和文案数据 const speakerData = [ { image: 'https://cdn.shopify.com/s/files/1/0580/6817/2855/files/ORCC_Record_Player_with_2_Built-in_Speakers.webp?v=1762412355', title: '2 Built-in Speakers', text: '2 Built-in stereo system provide loud and clear sound and also support audio RCA output, you can connect to it through audio RCA cable to get better sound.' }, { image: 'https://cdn.shopify.com/s/files/1/0580/6817/2855/files/ORCC_Vinyl_Turntable_with_AUX_in_RCA_Out.webp?v=1762412356', title: 'Aux-in & RCA Output', text: '3.5mm Aux-in for music from any non-Bluetooth device, you can use it as speaker.' }, { image: 'https://cdn.shopify.com/s/files/1/0580/6817/2855/files/ORCC_Vinyl_Turntable_with_Cassette_Tape_Function.webp?v=1762412356', title: 'Cassette Tape Function', text: 'Easily insert your favorite cassette tape into the built-in player and enjoy the music through the powerful stereo speakers.' }, { image: 'https://cdn.shopify.com/s/files/1/0580/6817/2855/files/ORCC_Record_Player_with_USB_SD_Function.webp?v=1762412356', title: 'USB & SD Function', text: 'Insert the USB flash drive/SD card, you can listen the music in them or store the MP3 format music that convert from vinyl, CD, Cassette.' } ]; // 当前显示的图片索引 let currentSpeakerIndex = 0; function switchSpeaker(index) { currentSpeakerIndex = index; updateSpeakerDisplay(index); updateNavButtons(); } function navigateSpeaker(direction) { const newIndex = currentSpeakerIndex + direction; if (newIndex >= 0 && newIndex { if (i === index) { thumb.classList.add('active'); } else { thumb.classList.remove('active'); } }); } function updateNavButtons() { const prevBtn = document.querySelector('.speaker-nav-prev'); const nextBtn = document.querySelector('.speaker-nav-next'); if (prevBtn) { prevBtn.disabled = currentSpeakerIndex === 0; } if (nextBtn) { nextBtn.disabled = currentSpeakerIndex === speakerData.length - 1; } } // 初始化按钮状态 document.addEventListener('DOMContentLoaded', function () { updateNavButtons(); });