".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; } } /* 高级导航轮播图样式 */ .advanced-swiper { width: 100%; height: none; position: relative; overflow: hidden; margin-bottom: 10px; line-height: 1.25; margin: 0 auto; } .advanced-nav { width: 100%; position: absolute; top: 40px; justify-content: center; z-index: 1; flex-wrap: wrap; } .advanced-nav-item { display: inline-block; margin: 7px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #000; line-height: 2.5em; min-width: 300px; background-color: #fff; white-space: nowrap; color: #000; text-align: center; } .advanced-nav-item.on { border-color: #fff; background-color: #000; color: #fff; } .advanced-swiper .swiper-item, .advanced-swiper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; transform: translateX(0); } .advanced-swiper-container { position: relative; width: 100%; height: 100%; } .advanced-swiper-text { position: absolute; top: 30%; left: 60px; width: 400px; padding: 20px; z-index: 1; background-color: #404040; color: #b0b8c1; } .advanced-swiper-small-title { font-size: 16px; } .advanced-swiper-title { font-size: 24px; margin: 8px 0; } .advanced-swiper-dis { font-size: 18px; } @media (max-width: 750px) { .advanced-swiper { width: 100%; height: auto; position: relative; overflow: hidden; } .advanced-nav, .advanced-swiper-text, .advanced-nav { position: static; text-align: center; width: 100%; box-sizing: border-box; } .advanced-nav { flex-direction: column; align-items: center; } .advanced-nav-item { margin: 8px 0; width: 60%; } } .a-carousel-left, .a-carousel-right { width: 80px; position: absolute; height: 100%; top: 0; z-index: 1; } .a-carousel-right { right: 0; } .a-carousel-goto-prevpage, .a-carousel-goto-nextpage { position: absolute; top: 0; left: 0; right: 0; bottom: 0; outline: 0; border-radius: 5px; } .a-icon { display: inline-block; vertical-align: top; } .a-icon-alt { position: absolute; left: -9999px; top: auto; display: block; width: 1px; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; } .a-icon.a-icon-previous-rounded { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: 68px 52px; width: 34px; height: 52px; outline: 0; background-position: 0 0; background-image: url(https://m.media-amazon.com/images/S/sash/ydDD9hnRfziI$y7.png); } .a-icon.a-icon-next-rounded { background-size: 68px 52px; width: 34px; height: 52px; outline: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-position: -34px 0; background-image: url(https://m.media-amazon.com/images/S/sash/ydDD9hnRfziI$y7.png); } /* 高级导航轮播图样式 END */ Comfortable Motorstyle Drum Throne The cushions are made of leather fabric and you provide the ultimate in seating comfort Previous page Next page Memory Foam Seat Cushion Adjustable Design Sturdy and Stable Support const advancedSwiper = $("".advanced-swiper""); setTimeout(() => { advancedSwiper.find("".advanced-nav-item"").eq(0).click(); }); advancedSwiper.on(""click"", "".advanced-nav-item"", function () { const advancedSwiper = $(this).parents("".advanced-swiper""); var index = advancedSwiper .find("".advanced-nav .advanced-nav-item"") .index($(this)); updateIndex(index, advancedSwiper); }); $("".a-icon-next-rounded"").on(""click"", function (event) { event.preventDefault(); event.stopPropagation(); const advancedSwiper = $(this).parents("".advanced-swiper""); var index = advancedSwiper .find("".advanced-swiper-container"") .attr(""data-index""); index++; var length = advancedSwiper.find("".swiper-item"").length; if (index >= length) { index = 0; } updateIndex(index, advancedSwiper); }); $("".a-icon-previous-rounded"").on(""click"", function (event) { event.preventDefault(); event.stopPropagation(); const advancedSwiper = $(this).parents("".advanced-swiper""); var index = advancedSwiper .find("".advanced-swiper-container"") .attr(""data-index""); var length = advancedSwiper.find("".swiper-item"").length; index--; if (index < 0) { index = length - 1; } updateIndex(index, advancedSwiper); }); function updateIndex(index, advancedSwiper) { const advancedItem = advancedSwiper.find("".advanced-nav-item""); advancedItem.removeClass(""on""); advancedItem.eq(index).addClass(""on""); advancedSwiper .find("".advanced-swiper-container"") .attr(""data-index"", index); const advancedSwiperSmallTitle = advancedSwiper.find( "".advanced-swiper-small-title"" ); const advancedSwiperTitle = advancedSwiper.find( "".advanced-swiper-title"" ); const advancedSwiperDis = advancedSwiper.find("".advanced-swiper-dis""); const thisItem = advancedItem.eq(index); advancedSwiperSmallTitle.html(thisItem.data(""smalltitle"")); advancedSwiperTitle.html(thisItem.data(""title"")); advancedSwiperDis.html(thisItem.data(""swiperdis"")); const advancedSwiperImg = advancedSwiper.find("".swiper-item""); advancedSwiperImg.css(""transform"", `translateX(-${index * 100}%)`); } .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; } } /* 二分图样式 */ .imgandtext2 { width: 100%; justify-content: space-between; } .imgandtext2-item { width: 48%; } .imgandtext2-item img { width: 100%; } .imgandtext2-title { font-size: 20px; margin: 8px 0; } .imgandtext2-dis { font-size: 15px; color: #333; } @media (max-width:750px) { .imgandtext2 { width: 100%; justify-content: space-evenly; flex-wrap: wrap; } .imgandtext2-item { width: 100%; } } /* 二分图样式 END */ Holds Up To 440 Pounds Easily Our drum stool can effortlessly bear a remarkable 440 pounds of weight. Whether you're in your living room, office, studio, or even enjoying outdoor pursuits, this drum stool will prove to be your steadfast companion. Quick Hydraulic Height Adjustment The chair back is meticulously designed to conform to the curvature of the human body and can be adjusted in height, ensuring excellent support and comfort for your back."