".flex { display: flex; } .bg-cover { background-size: cover; } .pc\:none { display: none; } .pc\:flex { display: flex; } @media (max-width:750px) { .mb\:flex { display: flex; } .mb\:none { display: none; } .mb\:block { display: block; } } /* 背景轮播图样式 */ .bg-swiper { width: 100%; position: relative; overflow: hidden; /* 模块与下方距离 */ margin-bottom: 0px; line-height: 1.25; } .bg-swiper-container { width: 100%; height: 100%; } .bg-swiper-container img { width: 100%; height: 100%; object-fit: cover; transform: translateX(0); transition: transform .4s; } .bg-swiper-text { position: absolute; /* pc文本框与上方距离 */ top: 50%; transform: translateY(-50%); /* pc文本框与左边距离 */ left: 80px; /* 文本框背景颜色与透明度 */ background-color: rgba(200, 200, 200, 0.8); z-index: 4; /* 文本框内边距,第一个值是上下,第二个值是左右 */ padding: 40px 40px; /* 文本框长度 */ width: 400px; box-sizing: border-box; } .bg-swiper-title { /* pc标题大小 */ font-size: 18px; } .bg-swiper-dis { /* pc简述大小 */ font-size: 14px; } .arrow-l, .arrow-r { position: absolute; z-index: 3; top: 50%; cursor: pointer; user-select: none; } .arrow-l i, .arrow-r i { width: 24px; height: 24px; display: block; position: relative; } :root { /* 背景轮播图箭头颜色 */ --bg-swiper-arrow-color: #000000; } .arrow-l i::before, .arrow-r i::before { content: """"; display: block; width: 24px; height: 2px; background-color: var(--bg-swiper-arrow-color); position: absolute; top: 0; } .arrow-l i::after, .arrow-r i::after { content: """"; display: block; width: 2px; height: 24px; background-color: var(--bg-swiper-arrow-color); position: absolute; right: 0; } .arrow-l { transform: rotateZ(-135deg); left: 20px; } .arrow-r { transform: rotateZ(45deg); right: 20px; } .bg-swiper-point { width: 100%; justify-content: center; position: absolute; /* 指示点与下方距离 */ bottom: 20px; z-index: 4; } .bg-swiper-point span { /* 指示点大小,两个值都需要调整为一样大小才是圆形 */ width: 12px; height: 12px; border-radius: 50%; /* 指示点颜色 */ background-color: #b0b8c1; /* 指示点左右距离,只需调整第二个值 */ margin: 0 8px; } .bg-swiper-point span.on { /* 选中指示点颜色 */ background-color: #404040; } @media (max-width:750px) { .bg-swiper { width: 100%; height: auto; } .bg-swiper-text { width: 100%; position: static; transform: translate(0); } .bg-swiper-point { position: static; /* M端指示点与上方距离 */ margin-top: 12px; } .bg-swiper-title { /* M端标题大小 */ font-size: 24px; } .bg-swiper-dis { /* M端简述大小 */ font-size: 18px; } } /* 背景轮播图样式 END */ (function () { let bgSwiperList = [ ] // 再次填写当前sku let $this = $('[data-bgSwiperSKU=""EC6634""]') let bgSwiperImg = $this.find(""img"") let bgSwiperCount = $this.find("".pc img"").length - 1 let bgSwiperIndex = 0 let bgSwiperPoint = $this.find("".bg-swiper-point span"") let bgSwiperTitle = $this.find("".bg-swiper-title"") let bgSwiperDis = $this.find("".bg-swiper-dis"") function bgSwiperPlayer(i) { if (i > bgSwiperCount) { i = 0 } else if (i < 0) { i = bgSwiperCount } bgSwiperIndex = i bgSwiperImg.css(""transform"", `translateX(-${i * 100}%)`) bgSwiperTitle.html(bgSwiperList[i].title) bgSwiperDis.html(bgSwiperList[i].describe) bgSwiperPoint.removeClass(""on"") bgSwiperPoint.eq(i).addClass(""on"") } $this.on(""click"", "".arrow-l,.arrow-r"", function () { $(this).hasClass(""arrow-l"") ? bgSwiperIndex-- : bgSwiperIndex++; bgSwiperPlayer(bgSwiperIndex) }) let bgSwiperTimer = setInterval(() => { bgSwiperIndex++ bgSwiperPlayer(bgSwiperIndex) // 以下数字设置轮播图切换时间,5000代表5秒 }, 5000) })() .flex { display: flex; } .bg-cover { background-size: cover; } .pc\:none { display: none; } .pc\:flex { display: flex; } @media (max-width:750px) { .mb\:flex { display: flex; } .mb\:none { display: none; } .mb\:block { display: block; } } /* 四分图样式 */ .imgandtext4 { width: 100%; justify-content: space-between; /* 模块与下方距离 */ margin-bottom: 10px; line-height: 1.25; } .imgandtext4-item { /* pc端单个宽度,最大为25% */ width: 24%; } .imgandtext4-item img { width: 100%; } .imgandtext4-title { /* pc标题大小 */ font-size: 18px; /* pc标题与上下方距离,第一个值为上,第三个值为下 */ margin: 8px 0 8px; /* 标题颜色 */ color: #111111; } .imgandtext4-dis { /* pc简述大小 */ font-size: 14px; /* 简述颜色 */ color: #333333; } @media (max-width:750px) { .imgandtext4 { width: 100%; justify-content: space-evenly; flex-wrap: wrap; } .imgandtext4-item { /* M端单个图宽度,最大为50% */ width: 49%; } .imgandtext4-title { /* M端标题大小 */ font-size: 18px; } .imgandtext4-dis { /* M端简述大小 */ font-size: 14px; } } /* 四分图样式 END */ Strong Bearing Force The high density of the sponge keeps it from deforming and can support up to 300 pounds of weight. Hard Solid Wood The hard solid wood material makes continuous use without deformation. Velet Cushion Waterproof Outer Layer，Cleaned by Wet Towel Dustproof Velvet The selected velvet is used as a piano stool lining, effectively protecting your sheet music from getting dirty. (function () { let bgSwiperList = [ ] // 再次填写当前sku let $this = $('[data-bgSwiperSKU=""EC6634_2""]') let bgSwiperImg = $this.find(""img"") let bgSwiperCount = $this.find("".pc img"").length - 1 let bgSwiperIndex = 0 let bgSwiperPoint = $this.find("".bg-swiper-point span"") let bgSwiperTitle = $this.find("".bg-swiper-title"") let bgSwiperDis = $this.find("".bg-swiper-dis"") function bgSwiperPlayer(i) { if (i > bgSwiperCount) { i = 0 } else if (i < 0) { i = bgSwiperCount } bgSwiperIndex = i bgSwiperImg.css(""transform"", `translateX(-${i * 100}%)`) bgSwiperTitle.html(bgSwiperList[i].title) bgSwiperDis.html(bgSwiperList[i].describe) bgSwiperPoint.removeClass(""on"") bgSwiperPoint.eq(i).addClass(""on"") } $this.on(""click"", "".arrow-l,.arrow-r"", function () { $(this).hasClass(""arrow-l"") ? bgSwiperIndex-- : bgSwiperIndex++; bgSwiperPlayer(bgSwiperIndex) }) let bgSwiperTimer = setInterval(() => { bgSwiperIndex++ bgSwiperPlayer(bgSwiperIndex) // 以下数字设置轮播图切换时间,5000代表5秒 }, 5000) })() .a-text-normal{font-weight:400!important;font-style:normal!important;text-transform:none!important;text-decoration:none!important}.xq-title{font-weight:700;text-align:center;padding-bottom:3px;font-size:35px}.title-h2{text-align:center}.dby-mb-select{border-radius:15px;height:45px;margin:0 auto;display:block;width:100%;text-align:center;font-size:16px;border:2px solid #262424}@media screen and (max-width: 750px){.hidden-phone{display:none}.a-list-li{border:1px solid #ddd;padding:6px;border-radius:8px;text-align:center}.a-list-li img{max-width:100%;border:0;margin:0}.product-name{text-align:center;font-weight:700!important;color:#007185}.a-list-li.action{border:1px solid #000}.a-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;padding-top:20px}#mb-select{border-radius:15px;height:45px;margin:0 auto;display:block;width:100%;text-align:center;font-size:16px;border:2px solid #262424}#mb-select:focus-visible{border:1px solid #007185;box-shadow:0 0 0 2px #c8f3fa}}@media screen and (min-width: 750px){.hidden-pc{display:none}.table-slider{overflow-x:scroll;overflow-y:visible;width:100%}.description{font-size:16px;font-family:arial;line-height:2.5em;color:#000;word-break:break-all}.rantion-table{table-layout:fixed;border-collapse:separate;border-spacing:0}.rantion-table td{padding:7px 14px 6px}.table-slider tr:nth-child(odd),.table-slider tr:nth-child(odd) td.active{background-color:#f0f2f2}tr:nth-child(odd) .table-left-tr{background-color:#f0f2f2}.table-left-tr{position:sticky;left:0px;z-index:1;width:100px;text-align:start}.table-left-tr-div{width:100px}.table-slider tr:nth-child(even),.table-slider tr:nth-child(even) td.active{background-color:#fff}.a-bordered td{border-right:1px solid #eaeaea}tr:nth-child(even) .table-left-tr{background-color:#fff}.a-text-bold{font-weight:700}.aplus-data-column{width:260px}.a-text-center{text-align:center}.title-h2{font-size:16px;font-family:arial;white-space:nowrap;color:#000;font-weight:700}tr:first-child td.active{border-top:1px solid #767676}tr:last-child td.active{border-bottom:1px solid #767676}td.active{border-right:1px solid #767676;border-left:1px solid #767676}.table-left-tr{width:129px;word-break:break-all}.aplus-data-column.active{position:sticky;left:129px}}.a-link-normal img{margin:0} Donner Piano Bench Series Piano Bench-EC2088 Piano Bench-EC6634 Piano Bench-EC2044 Piano Bench-EC6612 Piano Bench-EC6749 Piano Bench-EC2087 Color Wood Color Brown Black White Light Wood Color Black Weight Bearing Up to 300 lbs/136 kg Up to 300 lbs/136 kg Up to 300 lbs/136 kg Up to 300 lbs/136 kg Up to 300 lbs/136 kg Up to 340 lbs/154 kg Product Dimensions 17.72""D x 11.42""W x 18.9""H(inch) 21""D x 13.2""W x 18.2""H(inch) 20""D x 11.92""W x 18.11""H(inch) 21""D x 13.2""W x 18.2""H(inch) 20.5""D x 13""W x 18.2""H(inch) 29.5""D x 13.5""W x 19.4""H(inch) Item Weight 15.4 pounds 15.75 pounds 15.92 pounds 14.7 pounds 14.74 pounds 19.98 pounds Store Function ✔ ✔ ✔ ✔ ✔ ✔ Adjustable Function ✘ ✘ ✘ ✘ ✘ ✘ People Capacity 1 1 1 1 1 2 Sponge Pad Thickness 0.8 inch 0.8 inch 0.8 inch 0.8 inch 0.8 inch 2.4 inch Color Weight Bearing Product Dimensions Item Weight Store Function Adjustable Function People Capacity Sponge Pad Thickness Piano Bench-EC2088 Wood ColorPiano Bench-EC6634 BrownPiano Bench-EC2044 BlackPiano Bench-EC6612 WhitePiano Bench-EC6749 Light Wood ColorPiano Bench-EC2087 Black document.querySelector(""#strcc2cac65-cf0e-471f-b49a-f0b93ad9381a select"").addEventListener(""change"", (e) => { console.log(e.target.value); document.querySelectorAll(""#strcc2cac65-cf0e-471f-b49a-f0b93ad9381a .a-list-li"").forEach((res) => { const dataStr = res.getAttribute(""data-json""); if (dataStr) { const data = JSON.parse(dataStr); res.querySelector("".atter"").innerHTML = data[e.target.value]; } }); });"