Uimoso 4-Tier Kids Wooden Bookshelf Six Layer Sling Bookcase for Books and Toys

Description

View Uimoso 4-Tier Kids Wooden Bookshelf Six Layer Sling Bookcase for Books and Toys with current marketplace pricing, condition, product images and item details. Our sling bookcase undergoes rigorous safety certifications for children's furniture, featuring rounded edges and smooth surfaces, providing safe storage space for kids, and giving parents peace of mind. a, article, aside, body, button, dd, details, div, dl, dt, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, img, input, li, menu, nav, ol, p, section, select, table, tbody, td, textarea, th, tr, ul { margin: 0; padding: 0; box-sizing: border-box } .clearfix li p:nth-child(2) { padding-top: 14px !important } .clearfix:after, .clearfix:before { content: ""; display: table } .clearfix:after { clear: both } .icon-search:before { content: "\e671" } #mobile { width: 384px; margin: 0 auto; display: none } #mobile .items { width: 100% } #mobile .items>p { height: 20px; line-height: 20px; font-size: 16px; font-weight: 700; padding-left: 17.5px; margin-bottom: 15px } #mobile .article .pro_desc { font-size: 16px; font-weight: 700; line-height: 36px } #mobile .features { width: 90%; margin: 20px auto } #mobile .features p { font-size: 16px; font-weight: 700 } #mobile .features ul li { margin-left: 17.5px; font-size: 13px; text-indent: 6.5px } #mobile .product { width: 90%; margin: 0 auto } #mobile .product p { font-size: 16px; font-weight: 700 } #mobile .product .parameter1 { padding-left: 16px } #mobile .product .parameter1 tr td { font-size: 13px; padding: 10px 0; text-align: center } #mobile .product .parameter1 tr td:first-child { width: 35% } #mobile .footer { margin-top: 32px; overflow: auto } #mobile .footer::-webkit-scrollbar { display: none } #mobile .footer .parameter2 { width: 730.7px; margin-bottom: 50px } #mobile .footer .parameter2 tbody td { border-bottom: 1px solid #ccc; font-size: 13px; text-align: center; width: 120px; padding: 5px; word-break: break-word !important } #mobile .product1 { width: 90%; margin: 10px auto; padding: 5px } #mobile .product1 .introduction { font-size: 16px; font-weight: 700; line-height: 40px } #mobile .footer .parameter2 td:first-child { width: 110px; color: #646464 } #mobile .footer .parameter2 thead p { line-height: 25px; font-size: 16px; color: #0066bf; text-align: center } #mobile .footer .parameter2 tbody tr:nth-child(2) td, #mobile .footer .parameter2 tbody tr:nth-child(3) td, #mobile .footer .parameter2 tbody tr:nth-child(4) td { background: #fef5ec } #mobile .footer .parameter2 tbody tr:nth-child(2) td:first-child, #mobile .footer .parameter2 tbody tr:nth-child(3) td:first-child, #mobile .footer .parameter2 tbody tr:nth-child(4) td:first-child { background: #dcdcdc } #pc .header { width: 1200px; height: 235px; margin: 0 auto } #pc .header .navBox { width: 100%; height: 50px; background: #000 } #pc .header .navBox ul { width: 970px; height: 50px; border-bottom: 1px solid #53514c; margin: 0 auto } #pc .header .navBox ul li { width: 25%; height: 100%; list-style: none; float: left; position: relative } #pc .header .navBox ul li a { width: 100%; height: 100%; display: block; text-align: center; padding-top: 10px; color: #fefefe; font-size: 11px; text-decoration: none } #pc .header .navBox ul li a p { font-weight: 700 } #pc .header .navBox ul li i { position: absolute; right: 0; bottom: 12px; width: 1px; height: 20px; background: #53514c } #pc .header .logoBox { width: 100%; height: 130px; background: #000 } #pc .header .logoBox .imgBox { width: 970px; height: 130px; margin: 0 auto } #pc .header .logoBox .imgBox .left { width: 470px; height: 100%; float: left } #pc .header .logoBox .imgBox .right { width: 500px; height: 100%; float: right } #pc .header .iconBox { width: 100%; height: 55px; background: #252525 } #pc .header .iconBox .centerBox { width: 970px; height: 100%; margin: 0 auto } #pc .header .iconBox .centerBox .left { width: 334px; height: 100%; float: left; padding: 0 50px } #pc .header .iconBox .centerBox .left .img { float: left; height: 100%; padding-top: 5px } #pc .header .iconBox .centerBox .left .info { float: left; color: #fff; margin-left: 18px } #pc .header .iconBox .centerBox .left .info p { font-size: 18px; line-height: 18px; font-weight: 700; margin-top: 7px } #pc .header .iconBox .centerBox .left .info span { font-size: 14px; display: block } #pc .header .iconBox .centerBox .right { width: 572px; height: 100%; float: right } #pc .header .iconBox .centerBox .right .img { float: left; height: 100%; padding-top: 9px } #pc .header .iconBox .centerBox .right .hours, #pc .header .iconBox .centerBox .right .info { color: #fff } #pc .header .iconBox .centerBox .right .hours p, #pc .header .iconBox .centerBox .right .info p { font-size: 18px; font-weight: 700; line-height: 30px } #pc .header .iconBox .centerBox .right .hours span, #pc .header .iconBox .centerBox .right .info span { font-size: 11px; float: left } #pc .header .iconBox .centerBox .right .info { height: 100%; float: left; margin-left: 26px } #pc .header .iconBox .centerBox .right .info span:last-child { margin-left: 20px } #pc .header .iconBox .centerBox .right .hours { height: 100%; float: left; margin-left: 50px; position: relative } #pc .header .iconBox .centerBox .right .hours::before { content: ""; width: 1px; height: 40px; background: #fff; position: absolute; left: -25px; top: 7px } #pc .article { width: 1392px; font-family: Arial; margin: 0 auto; word-wrap: break-word } #pc .article .mapBox { width: 100%; height: 374px; background-color: #fff } #pc .article .mapBox .left { width: 450px; height: 100%; float: left; padding-top: 50px; position: relative } #pc .article .mapBox .left span { font-size: 11px; font-weight: 700; color: #000; position: absolute } #pc .article .mapBox .left span.ca { left: 20px; bottom: 125px } #pc .article .mapBox .left span.tx { left: 198px; bottom: 78px } #pc .article .mapBox .left span.ky { left: 264px; bottom: 160px } #pc .article .mapBox .left span.nj { right: 58px; top: 154px } #pc .article .mapBox .right { width: 520px; height: 100%; float: right } #pc .article .mapBox .right h1 { font-size: 18px; color: #900900; margin-top: 40px; margin-left: 7px } #pc .article .mapBox .right .listBox { width: 100%; height: 113px; border: 1px solid #cfcac0; margin-top: 17px; padding-top: 13px; padding-left: 22px } #pc .article .mapBox .right .listBox div { width: 100px; float: left; font-size: 12px; margin-right: 24px; line-height: 20px } #pc .article .mapBox .right .listBox div p { font-weight: 700 } #pc .article .mapBox .right .advantage, #pc .article .mapBox .right .attention { padding-left: 7px; font-size: 12px; line-height: 20px; margin-top: 15px } #pc .article .mapBox .right .advantage p, #pc .article .mapBox .right .attention p { font-weight: 700 } #pc .article .bgimgBox { width: 100%; background-color: #fff; position: relative; margin-left: 15% } #pc .article .pro_desc { font-size: 16px; font-weight: 700; line-height: 36px } #pc .article .bgimgBox .bginfo { position: absolute; right: 50px; top: 125px; width: 250px; max-height: 300px; background-color: rgba(255, 255, 255, .7); color: #000; padding: 10px } #pc .article .bgimgBox img { width: 100%; width: 970px } #pc .article .product { width: 100%; line-height: 19px; margin-top: 5px; margin-bottom: 30px } #pc .article .parameter { width: 100%; margin-top: 40px } #pc .article .parameter .imgBox { width: 300px; height: 400px; float: left } #pc .article .parameter .imgBox img { width: 100%; height: 100% } #pc .article .parameter .information { width: 430px; height: 100%; float: left; padding-right: 25px; padding-left: .5cm } #pc .article .parameter .information .intro1 { margin: 6px auto } #pc .article .parameter .information .intro1 ul { padding: 10px 40px; border-radius: 5px; margin-top: 8px } #pc .article .unset-tab .information .intro1 ul { border: unset !important; background: unset !important } #pc .article .parameter .information div { font-size: 14px; line-height: 20px } #pc .article .parameter .information .intro2 { padding: 25px; border: 1px solid #ccc } #pc .article .parameter .package { width: 230px; height: 100%; float: left; padding-left: 30px; border-left: 1px solid #ccc; color: #565959 !important } #pc .article .parameter .package img { width: 100%; height: 100px } #pc .article .parameter .package p { font-size: 12px !important; line-height: 36px; margin: 8px 0 } #pc .article .parameter .package ul { width: 100%; padding: 10px 20px 10px 30px; border: 1px solid #aaa; border-radius: 5px; margin: 12px auto; background: #f3f3f3 } #pc .article .parameter .package ul li { font-size: 13px; color: #000; line-height: 20px } #pc .article .comparison { width: 100%; margin-top: 50px; margin-bottom: 15px } #pc .article .comparison table { width: 100%; table-layout: fixed } #pc .article .comparison table thead th img { border: 5px solid #fff; width: 100%; max-width: 150px } #pc .article .comparison table thead th:nth-child(1) { width: 150px } #pc .article .comparison table tbody tr:first-child td { color: #0265c0 } #pc .article .comparison table tbody td { font-size: 13px; color: #111030; padding: 7px 20px; text-align: center; line-height: 20px; word-break: break-word !important } #pc .article .comparison table tbody tr:not(:first-child) td:not(first-child) { background: #fef5ec } #pc .article .comparison table tbody tr:not(:first-child) td:first-child { background: #dcdcdc; color: #88888a } #pc .article .comparison table td { border-bottom: 1px solid #ccc; word-wrap: break-word; word-break: break-all } @media screen and (max-width:750px) { #mobile { display: block } #pc { display: none } } #mobile .items .logo-container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 90%; margin: 0 auto } #mobile .items .logo-container .logo { width: 100%; padding: 25px 0 0 0 } #mobile .items .bgimg img { width: 100%; height: 288px } #mobile .items .bgimg ul { margin: 10px 0 21px 0; border-radius: 5px } #mobile .items .bgimg ul li { font-size: 15px; line-height: 1.35 } #mobile .items .bgimg { margin: 0 auto; margin-bottom: 10px } #mobile .items .bgimg ul li { margin-left: 20px } #mobile .bginfo { margin-top: 10px } #mobile .items .bgimg .bginfo span:first-child strong, #mobile .items .bgimg .bginfo span:first-child strong span { color: #0f1111; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35; margin-bottom: 8px } #mobile .items .bgimg .bginfo p:first-child strong, #mobile .items .bgimg .bginfo p:first-child strong:first-child span { color: #0f1111; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35; margin-bottom: 8px } #mobile .items .intro .bginfo span { font-size: 15px !important; line-height: 1.35; color: #0f1111 } #mobile .items .bgimg .bginfo ul li span { font-size: 15px !important; color: #0f1111 } #mobile .items .feature { width: 90%; margin: 0 auto } #mobile .items .feature h1 { color: #0f1111; font-size: 18px !important; font-family: Arial !important; margin-bottom: 12px !important } #mobile .items .feature ul li { width: 100%; list-style: none; margin-bottom: 12px } #mobile .items .feature ul li p img:first-child { margin-bottom: 17px !important } #mobile .items .feature ul li p:first-child { margin-bottom: 16px !important } #mobile .items .feature ul li p:first-child { width: 300px; height: 300px; margin: 0 auto } #mobile .items .feature ul li p:nth-last-of-type(2) { font-weight: 700 !important; font-size: 15px !important; font-family: Arial !important; margin-bottom: 8px !important; margin: 0 auto; color: #0f1111 } #mobile .items .feature ul li p:nth-last-of-type(1) { font-size: 15px; font-family: Arial; line-height: 1.35; color: #0f1111; margin-bottom: 12px } #mobile .items .feature ul li .imgBox { width: 100%; padding: 0 25px } #mobile .items .feature ul li .imgBox img { width: 100% } #mobile .items .feature ul li .info { padding: 0 24px; font-size: 13px; position: relative } #mobile .items .feature ul li .info::before { position: absolute; left: 0; top: 5px; width: 8px; height: 8px; content: ""; border-radius: 50%; background: #949494 } #mobile .specifications { width: 90%; margin: 0 auto } #mobile .specifications h1 { font-size: 16px } #mobile .specifications .imgBox1, #mobile .specifications .imgBox2 { width: 100%; margin-bottom: 32px } #mobile .specifications .imgBox1 img, #mobile .specifications .imgBox2 img { width: 100% } #mobile .specifications .cares { font-size: 16px; color: #555; text-align: center; margin: 20px 0 } #mobile .specifications .imgBox1 .info { font-size: 13px; color: #555; margin: 10px 0 } #mobile .specifications .imgBox1 ul { width: 100%; padding: 13px 0 0 18px } #mobile .specifications .imgBox1 ul li { font-size: 15px; color: #0f1111 } #mobile .specifications .imgBox2 .details i { font-size: 13px; color: #555 } #mobile .specifications .imgBox1 .friendly, #mobile .specifications .imgBox2 .friendly { margin: 10px 13px 0 13px } #mobile .specifications .imgBox2 .friendly ul { margin: 10px 0 21px 0; border-radius: 5px; padding: 13px 17px; background: #f0f2f2 } #mobile .specifications .imgBox2 .friendly ul li { margin-left: 20px } #mobile .specifications .friendly ul li { font-size: 15px !important; line-height: 1.35 !important } #mobile .specifications .imgBox2 .details ul { width: 100%; padding: 10px 0 } #mobile .specifications .imgBox2 .details ul li { font-size: 13px; color: #000; list-style: none; line-height: 25px } #mobile .specifications .imgBox1 .friendly strong:first-child, #mobile .specifications .imgBox1 .friendly strong:first-child span { font-size: 18px !important; font-weight: 700 !important; color: #0f1111; margin-bottom: 8px } #mobile .specifications .imgBox2 .friendly strong:first-child, #mobile .specifications .imgBox2 .friendly strong:first-child span { font-size: 18px !important; font-weight: 700 !important; color: #0f1111; margin-bottom: 8px } #mobile .specifications .imgBox1 .friendly ul li span, #mobile .specifications .imgBox2 .friendly ul li span { font-size: 15px !important; line-height: 1.35 !important; color: #0f1111 } #mobile .specifications .imgBox1 .friendly ul li span strong:first-child, #mobile .specifications .imgBox2 .friendly ul li span strong:first-child { font-size: 15px !important; line-height: 1.35 !important; color: #0f1111 } .black-line { width: 100%; height: 5px; background-color: #e3e6e6 } #mobile .detail { width: 90%; margin: 0 auto; margin-bottom: 20px !important; font-size: 15px !important; padding-top: 10px; color: #0f1111 } #mobile .detail ul { padding: 16px 16px } #mobile .detail ul li { margin-bottom: 4px } #mobile .detail span strong:first-child { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 4px !important; color: #0f1111 } #mobile .detail span strong:first-child span { font-size: 15px !important; color: #0f1111 } #mobile .detail ul li span { font-size: 15px !important; line-height: 1.35 } #mobile .footernav { font-size: 13px !important; font-family: Arial !important } #mobile .footernav h1 { font-size: 18px !important; font-weight: 700 !important; font-family: Arial !important; margin-bottom: 4px; color: #0f1111 } #mobile .footernav .shipping h1 { font-size: 18px !important; color: #0f1111; margin-bottom: 4px } #mobile .footernav .shipping .imgBox { padding: 0; margin-bottom: 16px } #mobile .footernav .shipping .infoBox ul li span { font-size: 15px !important; line-height: 1.35 } #mobile .footernav .shipping .infoBox .warehouse { display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto !important } #mobile .footernav .shipping .infoBox .warehouse div { margin-top: 16px !important } #mobile .footernav .about, #mobile .footernav .contact, #mobile .footernav .faq, #mobile .footernav .payment, #mobile .footernav .returns, #mobile .footernav .shipping { padding: 0 20px; margin-bottom: 21px } #mobile .footernav .contact div, #mobile .footernav .faq div, #mobile .footernav .payment div, #mobile .footernav .returns div, #mobile .footernav .shipping div { padding-left: 16px } #mobile .footernav .about div, #mobile .footernav .contact div ul li, #mobile .footernav .faq div ul li, #mobile .footernav .payment div ul li, #mobile .footernav .returns div ul li, #mobile .footernav .shipping div ul li { line-height: 1.35; color: #0f1111; font-size: 15px !important; margin-bottom: 2px } #mobile .brand-intro { width: 90%; margin: 0 auto; font-size: 13px !important; font-family: Arial !important; line-height: 1.35; color: #0f1111 } #mobile .brand-intro .a-color-secondary { text-align: center; margin-bottom: 13px } #mobile .brand-intro .a-color-secondary b { font-size: 15px !important; color: #565959; font-weight: 700 !important } #mobile .brand-intro .why { margin-top: 8px } #mobile .brand-intro .why b { color: #565959; font-size: 13px !important; font-weight: 700 !important } #mobile .brand-intro .why-qat { padding: 13px 17px; margin: 10px 0 16px 0; background-color: #f0f2f2; border-radius: 5px } #mobile .brand-intro .why-qat li { margin-left: 20px; font-size: 15px; line-height: 1.35; margin-bottom: 2px; color: #0f1111 } #mobile .brand-intro .why-qat li span { line-height: 1.35; color: #0f1111 } #mobile .bgimg-x1 { margin: 0 auto } #mobile .bgimg-x1 img { width: 100% } #mobile .bgimg { width: 100%; height: 288px; display: flex; flex-direction: row; justify-content: center } #pc .introduction { margin: 40px 0; font-size: 16px !important } #pc .introduction ul li { margin: 0; padding: 0; list-style-position: inside; font-size: 14px; font-weight: 400; margin-top: 16px } #pc .article .features { width: 100%; margin-top: 30px; margin-bottom: 30px } #pc .article .features h1 { font-size: 16px } #pc .article .features ul li { width: 300px; float: left; list-style: none; margin-top: 30px; line-height: 19px } #pc .article .features ul li p:nth-child(3) { font-size: 16px; font-family: Arial; line-height: 1.5; margin: 0 auto !important; color: #1c1c1c; max-width: 970px } #pc .article .features ul li p:nth-child(3) { font-size: 16px; font-family: Arial; line-height: 1.5; margin: 0 auto !important; color: #1c1c1c; max-width: 970px; font-size: 16px; font-family: Arial; line-height: 1.5; margin: 0 auto !important; color: #1c1c1c; max-width: 970px } #pc .article .features ul li .imgBox { width: 100%; height: 300px; border: 1px solid #a8a39f } #pc .article .features ul li div { font-size: 10px; line-height: 20px } #ul-demo { display: flex; flex-direction: row; align-items: self-start; justify-content: space-between } #ul-demo li { width: 220px !important } #ul-demo li img { width: 220px !important; height: 220px !important } #pc .footer { width: 1392px; margin: 0 auto; position: relative; padding-bottom: 20px } #pc .footer .footer_bg { width: 100%; height: 52px; background: #000 } #pc .footer>input, #pc .footer>span { position: absolute; left: 0; top: 0; width: 160px; height: 52px; text-align: center; line-height: 52px; font-size: 12px; color: #fff; cursor: pointer } #pc .footer input { z-index: 10; opacity: 0 } #pc .footer .inputnavs1, #pc .footer .spannavs1 { left: 216px } #pc .footer .inputnavs2, #pc .footer .spannavs2 { left: 376px } #pc .footer .inputnavs3, #pc .footer .spannavs3 { left: 536px } #pc .footer .inputnavs4, #pc .footer .spannavs4 { left: 696px } #pc .footer .inputnavs5, #pc .footer .spannavs5 { left: 856px } #pc .footer .inputnavs6, #pc .footer .spannavs6 { left: 1016px } .inputnavs1:checked~.spannavs1 { background: #2a2a2a } .inputnavs1:checked~#shipping { display: block } .inputnavs2:checked~.spannavs2 { background: #2a2a2a } .inputnavs2:checked~#about { display: block } .inputnavs3:checked~.spannavs3 { background: #2a2a2a } .inputnavs3:checked~#payment { display: block } .inputnavs4:checked~.spannavs4 { background: #2a2a2a } .inputnavs4:checked~#returns { display: block } .inputnavs5:checked~.spannavs5 { background: #2a2a2a } .inputnavs5:checked~#contact { display: block } .inputnavs6:checked~.spannavs6 { background: #2a2a2a } .inputnavs6:checked~#faq { display: block } .footer .ftcitem { width: 1200px; margin: 0 auto; display: none } #pc .footer .about { font-size: 14px; line-height: 28px; margin-top: 20px } #pc .footer .returns { line-height: 28px } #pc .footer .payment { margin-top: 20px } #pc .footer .payment li { font-size: 14px; line-height: 28px } #pc .footer .payment li .pa { font-weight: 700; font-style: oblique; font-size: 18px } #pc .footer .payment li .pay { color: #144774 } #pc .footer .payment li .pal { color: #009ddb } #pc .footer .shipping { margin-top: 20px } #pc .footer .shipping .ftmap { width: 410px; float: left } #pc .footer .shipping .ftmap img { width: 100% } #pc .footer .shipping .ftinfo { width: 100%; float: right; padding-left: 26px } #pc .footer .shipping .ftinfo>p { font-size: 1px; line-height: 25px; font-weight: 700 } #pc .footer .shipping .ftinfo .time { height: 48px } #pc .footer .shipping .ftinfo .time span { font-size: 12px } #pc .footer .shipping .ftinfo .time span:nth-child(1) { font-size: 16px; color: #c10400; font-weight: 700; margin-right: 30px } #pc .footer .shipping .ftinfo .warehouse { width: 100%; height: 150px } #pc .footer .shipping .ftinfo .warehouse p { font-size: 14px; line-height: 28px } #pc .footer .shipping .ftinfo .warehouse div { width: 200px; height: 100px; float: left; border: 1px solid #ccc; border-radius: 5px; font-size: 12px; color: #757575; padding: 9px 4px; margin-right: 4px } #pc .footer .shipping .ftinfo .warehouse div:last-child { margin-right: 0 } #pc .footer .shipping .ftinfo .ftAdvntage, #pc .footer .shipping .ftinfo .ftAttention { width: 100%; line-height: 25px } #pc .footer .shipping .ftinfo .ftAdvntage p, #pc .footer .shipping .ftinfo .ftAttention p { font-size: 14px; color: #ce0400 } #pc .footer .shipping .ftinfo .ftAdvntage span, #pc .footer .shipping .ftinfo .ftAttention span { font-size: 12px } #pc .footer .shipping .ftinfo .ftAttention { margin-top: 22px } #pc .footer .returns { margin-top: 20px; font-size: 14px } #pc .footer .contact { font-size: 14px; line-height: 28px; margin-top: 20px } #pc .footer .faq { margin-top: 20px } #pc .footer .faq li { font-size: 14px; line-height: 28px } #pc .footer .faq li .colorEm { color: #3faacc; font-style: normal } 高级A+-->* { margin: 0; padding: 0; font-size: 16px } a { text-decoration: none } ul li { list-style: disc inside; font-size: 14px; font-weight: 400 } h1 { font-size: 16px; font-weight: 700 } #logo { width: 100%; height: 200px; margin-bottom: 40px } #logo img { display: block; width: auto; margin: 0 auto } #productionDescription .imgOrVideo { width: 100%; height: 600px; margin-top: 10px; margin-bottom: 40px } #OperateByRemoteControlOrApp ul.slides { display: block; position: relative; top: 0; height: 600px; margin: 0; padding: 0; overflow: hidden; list-style: none } #OperateByRemoteControlOrApp .slides * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none } #OperateByRemoteControlOrApp ul.slides input { display: none } #OperateByRemoteControlOrApp .slide-container { display: block } #OperateByRemoteControlOrApp .slide-image { display: block; position: absolute; width: 100%; height: 100%; top: 0; opacity: 0 } #OperateByRemoteControlOrApp .slide-image img { width: auto; min-width: 100%; height: 100%; width: 100% } #OperateByRemoteControlOrApp .carousel-controls { position: absolute; top: 0; left: 0; right: 0; z-index: 999; font-size: 100px; line-height: 600px; color: #fff } #OperateByRemoteControlOrApp .carousel-controls label { display: none; position: absolute; padding: 0 20px; opacity: 0; transition: opacity .2s; cursor: pointer } #OperateByRemoteControlOrApp .slide-image:hover+.carousel-controls label { opacity: .5 } #OperateByRemoteControlOrApp .carousel-controls label:hover { opacity: 1 } #OperateByRemoteControlOrApp .carousel-controls .prev-slide { width: 49%; text-align: left; left: 0 } #OperateByRemoteControlOrApp .carousel-controls .next-slide { width: 49%; text-align: right; right: 0 } #OperateByRemoteControlOrApp .carousel-dots { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 999; text-align: center } #OperateByRemoteControlOrApp .carousel-dots .carousel-dot { display: inline-block; width: 28px; height: 8px; border-radius: 12px; background-color: #fff; border: 1px solid #000; opacity: .5; margin-right: 8px } #OperateByRemoteControlOrApp input:checked+.slide-container .slide-image { background-color: rgba(255, 217, 1, 1); opacity: 1; transform: scale(1); transition: opacity 1s ease-in-out background-color 1s ease-in-out } #OperateByRemoteControlOrApp input:checked+.slide-container .carousel-controls label { display: block } #OperateByRemoteControlOrApp input#img10:checked~.carousel-dots label#img-dot-10, #OperateByRemoteControlOrApp input#img11:checked~.carousel-dots label#img-dot-11, #OperateByRemoteControlOrApp input#img12:checked~.carousel-dots label#img-dot-12, #OperateByRemoteControlOrApp input#img1:checked~.carousel-dots label#img-dot-1, #OperateByRemoteControlOrApp input#img2:checked~.carousel-dots label#img-dot-2, #OperateByRemoteControlOrApp input#img3:checked~.carousel-dots label#img-dot-3, #OperateByRemoteControlOrApp input#img4:checked~.carousel-dots label#img-dot-4, #OperateByRemoteControlOrApp input#img5:checked~.carousel-dots label#img-dot-5, #OperateByRemoteControlOrApp input#img6:checked~.carousel-dots label#img-dot-6, #OperateByRemoteControlOrApp input#img7:checked~.carousel-dots label#img-dot-7, #OperateByRemoteControlOrApp input#img8:checked~.carousel-dots label#img-dot-8, #OperateByRemoteControlOrApp input#img9:checked~.carousel-dots label#img-dot-9 { opacity: 1; background-color: rgba(255, 217, 1, 1) } #OperateByRemoteControlOrApp input:checked+.slide-container .nav label { display: block } #WhyChooseUs ul.slides { display: block; position: relative; height: 600px; margin: 0; padding: 0; overflow: hidden; list-style: none } #WhyChooseUs .slides * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none } #WhyChooseUs ul.slides input { display: none } #WhyChooseUs .slide-container { display: block } #WhyChooseUs .slide-image { display: block; position: absolute; width: 100%; height: 100%; top: 0; opacity: 0 } #WhyChooseUs .slide-image img { width: auto; min-width: 100%; height: 100%; width: 100% } #WhyChooseUs .carousel-controls { position: absolute; top: 0; left: 0; right: 0; z-index: 999; font-size: 100px; line-height: 600px; color: #fff } #WhyChooseUs .carousel-controls label { display: none; position: absolute; padding: 0 20px; opacity: 0; transition: opacity .2s; cursor: pointer } #WhyChooseUs .slide-image:hover+.carousel-controls label { opacity: .5 } #WhyChooseUs .carousel-controls label:hover { opacity: 1 } #WhyChooseUs .carousel-controls .prev-slide { width: 49%; text-align: left; left: 0 } #WhyChooseUs .carousel-controls .next-slide { width: 49%; text-align: right; right: 0 } #WhyChooseUs .card-carousel-dots { position: absolute; left: 0; right: 0; top: 10px; z-index: 999; text-align: center } #WhyChooseUs .carousel-dots { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 999; text-align: center } #WhyChooseUs .carousel-dots .carousel-dot { display: inline-block; width: 28px; height: 8px; border-radius: 12px; background-color: #fff; border: 1px solid #000; opacity: .5; margin-right: 8px } #WhyChooseUs .card-carousel-dots .card-carousel-dot { display: inline-block; width: 200px; line-height: 40px; background-color: #fff; border: 2px solid rgba(0, 0, 0, 1); opacity: 1; margin: 10px; font-size: 18px; font-weight: 700; border-radius: 24px; word-wrap: normal; overflow: hidden } #WhyChooseUs input:checked+.slide-container .slide-image { opacity: 1; transform: scale(1); transition: all 1s ease-in-out } #WhyChooseUs input:checked+.slide-container .carousel-controls label { display: block } #WhyChooseUs input#img10:checked~.card-carousel-dots label#img-dot-10, #WhyChooseUs input#img11:checked~.card-carousel-dots label#img-dot-11, #WhyChooseUs input#img12:checked~.card-carousel-dots label#img-dot-12, #WhyChooseUs input#img1:checked~.card-carousel-dots label#img-dot-1, #WhyChooseUs input#img2:checked~.card-carousel-dots label#img-dot-2, #WhyChooseUs input#img3:checked~.card-carousel-dots label#img-dot-3, #WhyChooseUs input#img4:checked~.card-carousel-dots label#img-dot-4, #WhyChooseUs input#img5:checked~.card-carousel-dots label#img-dot-5, #WhyChooseUs input#img6:checked~.card-carousel-dots label#img-dot-6, #WhyChooseUs input#img7:checked~.card-carousel-dots label#img-dot-7, #WhyChooseUs input#img8:checked~.card-carousel-dots label#img-dot-8, #WhyChooseUs input#img9:checked~.card-carousel-dots label#img-dot-9 { background-color: #000; color: #fff } #WhyChooseUs input#img10:checked~.carousel-dots label#img-dot-10, #WhyChooseUs input#img11:checked~.carousel-dots label#img-dot-11, #WhyChooseUs input#img12:checked~.carousel-dots label#img-dot-12, #WhyChooseUs input#img1:checked~.carousel-dots label#img-dot-1, #WhyChooseUs input#img2:checked~.carousel-dots label#img-dot-2, #WhyChooseUs input#img3:checked~.carousel-dots label#img-dot-3, #WhyChooseUs input#img4:checked~.carousel-dots label#img-dot-4, #WhyChooseUs input#img5:checked~.carousel-dots label#img-dot-5, #WhyChooseUs input#img6:checked~.carousel-dots label#img-dot-6, #WhyChooseUs input#img7:checked~.carousel-dots label#img-dot-7, #WhyChooseUs input#img8:checked~.carousel-dots label#img-dot-8, #WhyChooseUs input#img9:checked~.carousel-dots label#img-dot-9 { opacity: 1; background-color: rgba(255, 217, 1, 1) } #WhyChooseUs input:checked+.slide-container .nav label { display: block } #FeaturesAndDetails ul { margin-top: 8px } #FeaturesAndDetails .container { display: flex; margin-top: 50px; width: 100% } #FeaturesAndDetails .container>div { display: flex; flex-direction: column; align-items: center } #FeaturesAndDetails .container>div:nth-child(1)>span { font-size: 24px; font-weight: 400 } #FeaturesAndDetails .container .table { display: flex } #FeaturesAndDetails .container .table>div { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #ccc; padding: 12px } #FeaturesAndDetails .container .table>div span { margin-bottom: 40px } #FeaturesAndDetails .compare>div>span { display: inline-block; text-align: center; margin: 51.55px 0 15px 0; padding: 0 25px; font-size: 14px; font-weight: 700; color: #64a85d } #FeaturesAndDetails .compare_table table { border-collapse: collapse; border: 1px solid #ddd } #FeaturesAndDetails .compare_table td { width: 210px; font-size: 14px; font-weight: 400; text-align: center; padding: 12px 25px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } #FeaturesAndDetails .compare_table table tr td:nth-child(1) { background-color: #ddd } #FeaturesAndDetails .carousel { width: 100%; height: 700px; position: relative; overflow: hidden } #FeaturesAndDetails .carousel .imgContainer { position: absolute; width: 100%; left: 0; z-index: 1; overflow: hidden } #FeaturesAndDetails .carousel .imgContainer img { width: 100%; float: left } #FeaturesAndDetails ul.slides { display: block; position: relative; height: 100%; margin: 0; padding: 0; overflow: hidden; list-style: none } #FeaturesAndDetails .slides * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none } #FeaturesAndDetails ul.slides input { display: none } #FeaturesAndDetails .slide-container { display: block } #FeaturesAndDetails .slide-image { display: block; position: absolute; width: 100%; top: 0; opacity: 0; transition: all .7s ease-in-out } #FeaturesAndDetails .slide-image img { width: auto; min-width: 100%; height: 100% } #FeaturesAndDetails .carousel-controls { position: absolute; top: 0; left: 0; right: 0; z-index: 999; font-size: 100px; line-height: 600px; color: #fff } #FeaturesAndDetails .carousel-controls label { display: none; position: absolute; padding: 0 20px; opacity: 0; transition: opacity .2s; cursor: pointer } #FeaturesAndDetails .slide-image:hover+.carousel-controls label { opacity: .5 } #FeaturesAndDetails .carousel-controls label:hover { opacity: 1 } #FeaturesAndDetails .carousel-controls .prev-slide { width: 49%; text-align: left; left: 0 } #FeaturesAndDetails .carousel-controls .next-slide { width: 49%; text-align: right; right: 0 } #FeaturesAndDetails .carousel-dots { position: absolute; left: 0; right: 0; bottom: 90px; z-index: 999; text-align: center } #FeaturesAndDetails .carousel-dots .carousel-dot { display: inline-block; width: 30px; height: 8px; border-radius: 12px; background-color: #fff; opacity: .5; margin-right: 8px; border: 1px solid #000 } #FeaturesAndDetails input:checked+.slide-container .slide-image { opacity: 1; transform: scale(1); transition: all 1s ease-in-out } #FeaturesAndDetails input:checked+.slide-container .carousel-controls label { display: block } #FeaturesAndDetails input#img7:checked~.carousel-dots label#img-dot-7, #FeaturesAndDetails input#img8:checked~.carousel-dots label#img-dot-8, #FeaturesAndDetails input#img9:checked~.carousel-dots label#img-dot-9 { background-color: rgba(255, 217, 1, 1); opacity: 1 } #FeaturesAndDetails input:checked+.slide-container .nav label { display: block } #FeaturesAndDetails .container .learnMore { position: relative; bottom: 210px; background-color: rgba(255, 217, 1, 1); color: #000; font-size: 16px; z-index: 999; padding: 7px 21.5px; margin-top: 30px; border: none; cursor: pointer } .marker-container { position: relative } .marker-container * { box-sizing: border-box } .marker-container .marker { position: absolute; top: 422px; left: 510px } .marker-container .marker .marker-btn { width: 40px; height: 40px; border: 2px solid #fff; background-color: rgba(255, 217, 1, .5); border-radius: 50%; appearance: none; display: inline-block } .marker-container .marker .marker-btn:hover+.marker-content { display: block } .marker-container .marker .marker-content { display: none; width: auto; transition: .3s opacity; background: #eee; position: absolute; padding: 15px; -webkit-box-shadow: 0 0 43px -7px rgba(135, 135, 135, 1); -moz-box-shadow: 0 0 43px -7px rgba(135, 135, 135, 1); box-shadow: 0 0 43px -7px rgba(135, 135, 135, 1); border-radius: 4px; border: 1px solid #ccc; top: 50%; transform: translate(calc(-100% - 15px), -50%) } .marker-container .marker .marker-content::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -9px; border-left: 10px solid #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent } .round-button span { display: block; position: absolute; top: 50%; width: 70px; height: 70px; font-size: 64px !important; border-radius: 50%; line-height: 70px; text-align: center; transform: translateY(-50%) } .round-button .prev-slide span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6I0IzQjNCMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .round-button .next-slide span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDE4MCAzNSAzNSkiPjxwYXRoIGlkPSLot6/lvoQgMSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0iZmlsbDojQjNCM0IzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApICByb3RhdGUoOTAgMzUgMzUpIiBvcGFjaXR5PSIxIiBkPSJNNzAsMzVDNzAsMTUuNjcgNTQuMzMsMCAzNSwwQzE1LjY3LDAgMCwxNS42NyAwLDM1QzAsNTQuMzMgMTUuNjcsNzAgMzUsNzBDNTQuMzMsNzAgNzAsNTQuMzMgNzAsMzVaICIgLz48cGF0aCAgaWQ9Iui3r+W+hCAyIiBzdHlsZT0ic3Ryb2tlOiNGRkZGRkY7IHN0cm9rZS13aWR0aDo1OyBzdHJva2Utb3BhY2l0eToxOyBzdHJva2UtZGFzaGFycmF5OjAgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjY4MTMzODAyODE2OSAyNy4xNDM0ODU5MTU0OTI5NTYpICByb3RhdGUoOTAgMTUuNzEzMDI4MTY5MDE0MDg0IDcuODU2NTE0MDg0NTA3MDQyKSIgZD0iTTMxLjQzLDBMMTUuNzEsMTUuNzFMMCwwICIgLz48L2c+PC9zdmc+) } .round-button .prev-slide span:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .round-button .next-slide span:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKC0xODAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } #OperateByRemoteControlOrApp .slides * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none } .round-button .prev-slide span { z-index: 99999; left: 25px } .round-button .next-slide span { z-index: 99999; right: 25px } .slide-container { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .slide-container .carousel-controls, .slide-container .carousel-controls label { z-index: 999; height: 100% } #FeaturesAndDetails .slide-container, #OperateByRemoteControlOrApp .slide-container, #WhyChooseUs .slide-container { z-index: 0 } #FeaturesAndDetails input:checked+.slide-container, #OperateByRemoteControlOrApp input:checked+.slide-container, #WhyChooseUs input:checked+.slide-container { z-index: 99 } .slide-image:hover+.carousel-controls label { opacity: .5 } .carousel-controls label:hover { opacity: 1 } @media screen and (max-width:970px) { #ebaym { display: block; overflow-x: hidden; font-family: Roboto, Open Sans, Helvetica, Arial } #ebaypc { display: none } } @media (min-width:970px) { #ebaym { display: none; overflow-x: hidden } #ebaypc { display: block; font-family: Open sans, Arial, Helvetica; width: 1392px; margin: 0 auto; padding-top: 20px; padding-bottom: 78px } } .ebaym-content { margin: 0 auto } .ebaym-content-brandinfo { width: 100%; height: 100%; text-align: center } .ebaym-content-brandinfo-img { width: 100%; height: 100% } .ebaym-descript-title { margin: 20px 0; font-size: 16px; font-weight: 700 } .ebaym-descript-imgbox { margin-top: 10px } .ebaym-descript-img { width: 100%; height: 100% } .ebaym-descript-smallbox-title { margin-top: 8px; font-size: 14px; font-weight: 700 } .ebaym-descript-smallbox-content { margin-top: 8px; font-size: 14px } .ebaym-descript-ul li { margin: 8px 0 0 0; padding: 0 } 底部小圆点轮播 -->.ebaym-descript-slidescontent { margin: 0; padding: 0 } ul.slides { margin: 0; padding: 0 0 28px 0; position: relative; background-color: #fff; width: 100%; height: 318px; list-style: none; overflow: hidden } li.slide { margin: 0; padding: 0; width: inherit; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; font-family: Helvetica; font-size: 120px; color: #fff } .side-pre label { display: block; position: absolute; width: 50%; height: 100%; left: 0; top: 0 } .side-next label { position: absolute; width: 50%; height: 100%; right: 0; top: 0; display: block } .slide:nth-of-type(2) { left: 100% } .slide:nth-of-type(3) { left: 200% } .slide:nth-of-type(4) { left: 300% } .slide input[type=radio] { position: relative; z-index: 100; display: none } .controls-visible { position: absolute; bottom: 0; width: 100%; text-align: center } .controls-visible label { display: inline-block; width: 10px; height: 10px; background-color: #d9d9d9; border-radius: 50%; margin: 0 3px; border: 2px solid #000 } .slides input[type=radio]:nth-of-type(1):checked~.controls-visible label:nth-of-type(1) { background-color: #ffd900 } .slides input[type=radio]:nth-of-type(2):checked~.controls-visible label:nth-of-type(2) { background-color: #ffd900 } .slides input[type=radio]:nth-of-type(3):checked~.controls-visible label:nth-of-type(3) { background-color: #ffd900 } .slides input[type=radio]:nth-of-type(4):checked~.controls-visible label:nth-of-type(4) { background-color: #ffd900 } .slides input[type=radio]:nth-of-type(1):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX0 } .slides input[type=radio]:nth-of-type(2):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX(-100%) } .slides input[type=radio]:nth-of-type(3):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX(-200%) } .slides input[type=radio]:nth-of-type(4):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX(-300%) } 底部块级元素轮播 -->.slides-block { padding: 0 0 198px 0 !important } .controls-visible-block { position: absolute; bottom: 0; width: 100%; margin: 0 auto } .controls-visible-block label { display: block; width: 230px; height: 35px; line-height: 35px; text-align: center; background-color: #fff; border-radius: 23px; margin: 10px auto 0 auto; border: 1px solid #000; color: #000; font-size: 12px; font-family: Arial; font-weight: 700; overflow: hidden } .slides input[type=radio]:nth-of-type(1):checked~.controls-visible-block label:nth-of-type(1) { background-color: #000; color: #fff } .slides input[type=radio]:nth-of-type(2):checked~.controls-visible-block label:nth-of-type(2) { background-color: #000; color: #fff } .slides input[type=radio]:nth-of-type(3):checked~.controls-visible-block label:nth-of-type(3) { background-color: #000; color: #fff } .slides input[type=radio]:nth-of-type(4):checked~.controls-visible-block label:nth-of-type(4) { background-color: #000; color: #fff } .slides input[type=radio]:nth-of-type(1):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX0 } .slides input[type=radio]:nth-of-type(2):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX(-100%) } .slides input[type=radio]:nth-of-type(3):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX(-200%) } .slides input[type=radio]:nth-of-type(4):checked~.slide { transform: scale(1); transition: all 1s ease-in-out; transform: translateX(-300%) } 高级A+-->#slidesblockBox { margin-top: 20px } #slidesblockBox ul.slides { display: block; display: block; position: relative; position: relative; height: 288px; height: 288px; top: 0; top: 0; margin: 0; margin: 0; padding: 0; padding: 0; overflow: hidden; overflow: hidden; list-style: none; list-style: none; padding: 0 0 198px 0 !important; padding: 0 0 198px 0 !important } #slidesblockBox ul.slides input { display: none; display: none } #slidesblockBox .slide-container { display: block; display: block } #slidesblockBox .slide-image { display: block; display: block; position: absolute; position: absolute; width: 100%; width: 100%; height: 288px; height: 288px; top: 0; top: 0; opacity: 0; opacity: 0; transition: all .7s ease-in-out; transition: all .7s ease-in-out } #slidesblockBox .slide-image img { width: auto; width: auto; width: 100%; width: 100%; height: 100%; height: 100% } #slidesblockBox .carousel-controls { position: absolute; position: absolute; top: 0; top: 0; left: 0; left: 0; width: 100%; width: 100%; height: 280px; height: 280px; z-index: 9999; z-index: 9999 } #slidesblockBox .prev-slide { position: absolute; position: absolute; width: 50%; width: 50%; left: 0; left: 0; top: 0; top: 0; height: 100%; height: 100%; z-index: 9999; z-index: 9999 } #slidesblockBox .next-slide { position: absolute; position: absolute; width: 50%; width: 50%; right: 0; right: 0; top: 0; top: 0; height: 100%; height: 100%; z-index: 9999; z-index: 9999 } #slidesblockBox .carousel-dots { position: absolute; position: absolute; left: 0; left: 0; right: 0; right: 0; bottom: 0; bottom: 0; z-index: 999; z-index: 999; text-align: center; text-align: center } #slidesblockBox .carousel-dots .carousel-dot { display: block; display: block; width: 230px; width: 230px; height: 37.5px; height: 37.5px; line-height: 37.5px; line-height: 37.5px; text-align: center; text-align: center; background-color: #fff; background-color: #fff; border-radius: 30px; border-radius: 30px; margin: 10px auto 0 auto; margin: 10px auto 0 auto; border: 1px solid #000; border: 1px solid #000; color: #000; color: #000; font-size: 12px; font-weight: 700; font-size: 12px; font-weight: 700; overflow: hidden; overflow: hidden; text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; white-space: nowrap; padding: 0 10px; padding: 0 10px } #slidesblockBox { width: 384px } #slidesblockBox input:checked+.slide-container .slide-image { opacity: 1; opacity: 1; transform: scale(1); transform: scale(1); transition: opacity 1s ease-in-out background-color 1s ease-in-out; transition: opacity 1s ease-in-out background-color 1s ease-in-out } #slidesblockBox input:checked+.slide-container .carousel-controls label { display: block; display: block } #slidesblockBox input#control-10:checked~.carousel-dots label#img-dot-10, #slidesblockBox input#control-11:checked~.carousel-dots label#img-dot-11, #slidesblockBox input#control-12:checked~.carousel-dots label#img-dot-12, #slidesblockBox input#control-13:checked~.carousel-dots label#img-dot-13, #slidesblockBox input#control-1:checked~.carousel-dots label#img-dot-1, #slidesblockBox input#control-2:checked~.carousel-dots label#img-dot-2, #slidesblockBox input#control-3:checked~.carousel-dots label#img-dot-3, #slidesblockBox input#control-4:checked~.carousel-dots label#img-dot-4, #slidesblockBox input#control-5:checked~.carousel-dots label#img-dot-5, #slidesblockBox input#control-6:checked~.carousel-dots label#img-dot-6, #slidesblockBox input#control-7:checked~.carousel-dots label#img-dot-7, #slidesblockBox input#control-8:checked~.carousel-dots label#img-dot-8, #slidesblockBox input#control-9:checked~.carousel-dots label#img-dot-9 { background-color: #000; background-color: #000; color: #fff; color: #fff } #slidesblockBox input:checked+.slide-container .nav label { display: block; display: block } #slidesblockBox .slide-container { position: absolute; position: absolute; top: 0; top: 0; left: 0; left: 0; width: 100%; width: 100%; height: 100%; height: 100%; cursor: pointer; cursor: pointer } #slidesblockBox .slide-container { z-index: 0; z-index: 0 } #slidesblockBox input:checked+.slide-container { z-index: 99; z-index: 99 } .vevor-m-swiperbox { position: relative; overflow: hidden; position: relative; overflow: hidden } .vevor-m-swiperbox input { display: none; display: none } .vevor-m-swiperbox input#slidem10:checked~.vevor-m-slidedotms label#dotm10, .vevor-m-swiperbox input#slidem11:checked~.vevor-m-slidedotms label#dotm11, .vevor-m-swiperbox input#slidem12:checked~.vevor-m-slidedotms label#dotm12, .vevor-m-swiperbox input#slidem1:checked~.vevor-m-slidedotms label#dotm1, .vevor-m-swiperbox input#slidem2:checked~.vevor-m-slidedotms label#dotm2, .vevor-m-swiperbox input#slidem3:checked~.vevor-m-slidedotms label#dotm3, .vevor-m-swiperbox input#slidem4:checked~.vevor-m-slidedotms label#dotm4, .vevor-m-swiperbox input#slidem5:checked~.vevor-m-slidedotms label#dotm5, .vevor-m-swiperbox input#slidem6:checked~.vevor-m-slidedotms label#dotm6, .vevor-m-swiperbox input#slidem7:checked~.vevor-m-slidedotms label#dotm7, .vevor-m-swiperbox input#slidem8:checked~.vevor-m-slidedotms label#dotm8, .vevor-m-swiperbox input#slidem9:checked~.vevor-m-slidedotms label#dotm9 { background-color: rgba(255, 217, 1, 1); background-color: rgba(255, 217, 1, 1) } .vevor-m-swiperbox input#slidem10:checked~.vevor-m-slides li#slidebox10, .vevor-m-swiperbox input#slidem11:checked~.vevor-m-slides li#slidebox11, .vevor-m-swiperbox input#slidem12:checked~.vevor-m-slides li#slidebox12, .vevor-m-swiperbox input#slidem1:checked~.vevor-m-slides li#slidebox1, .vevor-m-swiperbox input#slidem2:checked~.vevor-m-slides li#slidebox2, .vevor-m-swiperbox input#slidem3:checked~.vevor-m-slides li#slidebox3, .vevor-m-swiperbox input#slidem4:checked~.vevor-m-slides li#slidebox4, .vevor-m-swiperbox input#slidem5:checked~.vevor-m-slides li#slidebox5, .vevor-m-swiperbox input#slidem6:checked~.vevor-m-slides li#slidebox6, .vevor-m-swiperbox input#slidem7:checked~.vevor-m-slides li#slidebox7, .vevor-m-swiperbox input#slidem8:checked~.vevor-m-slides li#slidebox8, .vevor-m-swiperbox input#slidem9:checked~.vevor-m-slides li#slidebox9 { left: 0; transition: left .3s ease-out; left: 0; transition: left .3s ease-out } .vevor-m-slides { position: relative; width: 100%; height: 288px; list-style: none; margin: 0; padding: 0; overflow: hidden; position: relative; width: 100%; height: 288px; list-style: none; margin: 0; padding: 0; overflow: hidden } .vevor-m-slide { width: 100%; height: 288px; position: absolute; top: 0; left: 100%; width: 100%; height: 288px; position: absolute; top: 0; left: 100% } .vevor-m-slide img { width: 100%; height: 100%; width: 100%; height: 100% } .vevor-m-slidedotms { position: absolute; bottom: 0; left: 0; text-align: center; height: 15px; line-height: 15px; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; height: 15px; line-height: 15px; width: 100% } .vevor-m-slidedotms label { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 1px solid #000; margin: 0 3px; cursor: pointer; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 1px solid #000; margin: 0 3px; cursor: pointer } .vevor-m-arrow .prev-slide { left: 0; left: 0 } .vevor-m-arrow label { position: absolute; top: 0; width: 50%; height: 100%; opacity: .5; cursor: pointer; position: absolute; top: 0; width: 50%; height: 100%; opacity: .5; cursor: pointer } .vevor-m-arrow .next-slide { right: 0; right: 0 } .vevor-m-slides li { list-style: none } .vevor-m-label-swiperbox { position: relative; height: 288px; overflow: hidden } .vevor-m-label-swiperbox input { display: none } .vevor-m-label-swiperbox input#slidem10:checked~.vevor-m-label-slidedotms label#dotmlabel10, .vevor-m-label-swiperbox input#slidem11:checked~.vevor-m-label-slidedotms label#dotmlabel11, .vevor-m-label-swiperbox input#slidem12:checked~.vevor-m-label-slidedotms label#dotmlabel12, .vevor-m-label-swiperbox input#slidem1:checked~.vevor-m-label-slidedotms label#dotmlabel1, .vevor-m-label-swiperbox input#slidem2:checked~.vevor-m-label-slidedotms label#dotmlabel2, .vevor-m-label-swiperbox input#slidem3:checked~.vevor-m-label-slidedotms label#dotmlabel3, .vevor-m-label-swiperbox input#slidem4:checked~.vevor-m-label-slidedotms label#dotmlabel4, .vevor-m-label-swiperbox input#slidem5:checked~.vevor-m-label-slidedotms label#dotmlabel5, .vevor-m-label-swiperbox input#slidem6:checked~.vevor-m-label-slidedotms label#dotmlabel6, .vevor-m-label-swiperbox input#slidem7:checked~.vevor-m-label-slidedotms label#dotmlabel7, .vevor-m-label-swiperbox input#slidem8:checked~.vevor-m-label-slidedotms label#dotmlabel8, .vevor-m-label-swiperbox input#slidem9:checked~.vevor-m-label-slidedotms label#dotmlabel9 { background-color: #000; color: #fff } .vevor-m-label-swiperbox input#slidem10:checked~.vevor-m-label-slides li#slidebox10, .vevor-m-label-swiperbox input#slidem11:checked~.vevor-m-label-slides li#slidebox11, .vevor-m-label-swiperbox input#slidem12:checked~.vevor-m-label-slides li#slidebox12, .vevor-m-label-swiperbox input#slidem1:checked~.vevor-m-label-slides li#slidebox1, .vevor-m-label-swiperbox input#slidem2:checked~.vevor-m-label-slides li#slidebox2, .vevor-m-label-swiperbox input#slidem3:checked~.vevor-m-label-slides li#slidebox3, .vevor-m-label-swiperbox input#slidem4:checked~.vevor-m-label-slides li#slidebox4, .vevor-m-label-swiperbox input#slidem5:checked~.vevor-m-label-slides li#slidebox5, .vevor-m-label-swiperbox input#slidem6:checked~.vevor-m-label-slides li#slidebox6, .vevor-m-label-swiperbox input#slidem7:checked~.vevor-m-label-slides li#slidebox7, .vevor-m-label-swiperbox input#slidem8:checked~.vevor-m-label-slides li#slidebox8, .vevor-m-label-swiperbox input#slidem9:checked~.vevor-m-label-slides li#slidebox9 { left: 0; transition: left .3s ease-out } .vevor-m-label-slides { position: relative; width: 100%; height: 288px; list-style: none; margin: 0; padding: 0; overflow: hidden } .vevor-m-label-slide { width: 100%; height: 280px; position: absolute; top: 0; left: 100% } .vevor-m-label-slide img { width: 100%; height: 100% } .vevor-m-label-slidedotms { position: absolute; bottom: 0; left: 0; text-align: center; width: 100% } .vevor-m-label-slidedotms label { display: block; width: 230px; height: 37.5px; line-height: 37.5px; text-align: center; background-color: #fff; border-radius: 30px; margin: 10px auto; border: 1px solid grey; color: #000; font-size: 12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-family: Arial } .vevor-m-label-arrow .prev-slide { left: 0 } .vevor-m-label-arrow label { position: absolute; top: 0; width: 50%; height: 100%; opacity: .5; cursor: pointer } .vevor-m-label-arrow .next-slide { right: 0 } .vevor-m-label-slides li { list-style: none } PC端标签轮播样式 -->.vevor-pc-label-swiperbox { position: relative; height: 600px; overflow: hidden } .vevor-pc-label-swiperbox input { display: none } .vevor-pc-label-swiperbox input#slidepc10:checked~.vevor-pc-label-slidedotms label#dotpclabel10, .vevor-pc-label-swiperbox input#slidepc11:checked~.vevor-pc-label-slidedotms label#dotpclabel11, .vevor-pc-label-swiperbox input#slidepc12:checked~.vevor-pc-label-slidedotms label#dotpclabel12, .vevor-pc-label-swiperbox input#slidepc1:checked~.vevor-pc-label-slidedotms label#dotpclabel1, .vevor-pc-label-swiperbox input#slidepc2:checked~.vevor-pc-label-slidedotms label#dotpclabel2, .vevor-pc-label-swiperbox input#slidepc3:checked~.vevor-pc-label-slidedotms label#dotpclabel3, .vevor-pc-label-swiperbox input#slidepc4:checked~.vevor-pc-label-slidedotms label#dotpclabel4, .vevor-pc-label-swiperbox input#slidepc5:checked~.vevor-pc-label-slidedotms label#dotpclabel5, .vevor-pc-label-swiperbox input#slidepc6:checked~.vevor-pc-label-slidedotms label#dotpclabel6, .vevor-pc-label-swiperbox input#slidepc7:checked~.vevor-pc-label-slidedotms label#dotpclabel7, .vevor-pc-label-swiperbox input#slidepc8:checked~.vevor-pc-label-slidedotms label#dotpclabel8, .vevor-pc-label-swiperbox input#slidepc9:checked~.vevor-pc-label-slidedotms label#dotpclabel9 { background-color: #000; color: #fff } .vevor-pc-label-swiperbox input#slidepc10:checked~.vevor-pc-label-slides li#slidebox10, .vevor-pc-label-swiperbox input#slidepc11:checked~.vevor-pc-label-slides li#slidebox11, .vevor-pc-label-swiperbox input#slidepc12:checked~.vevor-pc-label-slides li#slidebox12, .vevor-pc-label-swiperbox input#slidepc1:checked~.vevor-pc-label-slides li#slidebox1, .vevor-pc-label-swiperbox input#slidepc2:checked~.vevor-pc-label-slides li#slidebox2, .vevor-pc-label-swiperbox input#slidepc3:checked~.vevor-pc-label-slides li#slidebox3, .vevor-pc-label-swiperbox input#slidepc4:checked~.vevor-pc-label-slides li#slidebox4, .vevor-pc-label-swiperbox input#slidepc5:checked~.vevor-pc-label-slides li#slidebox5, .vevor-pc-label-swiperbox input#slidepc6:checked~.vevor-pc-label-slides li#slidebox6, .vevor-pc-label-swiperbox input#slidepc7:checked~.vevor-pc-label-slides li#slidebox7, .vevor-pc-label-swiperbox input#slidepc8:checked~.vevor-pc-label-slides li#slidebox8, .vevor-pc-label-swiperbox input#slidepc9:checked~.vevor-pc-label-slides li#slidebox9 { left: 0; transition: left .3s ease-out } .vevor-pc-label-slides { position: relative; width: 100%; height: 600px; list-style: none; margin: 0; padding: 0; overflow: hidden } .vevor-pc-label-slide { width: 100%; height: 600px; position: absolute; top: 0; left: 100% } .vevor-pc-label-slide img { width: 100%; height: 100% } .vevor-pc-label-slidedotms { position: absolute; top: 10px; left: 0; text-align: center; width: 100% } .vevor-pc-label-slidedotms label { display: inline-block; width: 200px; line-height: 40px; text-align: center; background-color: #fff; border-radius: 23px; margin: 10px; border: 1px solid #000; color: #000; font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; cursor: pointer } .vevor-pc-label-arrow label span { display: block; position: absolute; top: 50%; width: 70px; height: 70px; font-size: 64px !important; border-radius: 50%; line-height: 70px; text-align: center; transform: translateY(-50%); cursor: pointer } .vevor-pc-label-arrow .next-slide { right: 0 } .vevor-pc-label-arrow .prev-slide { left: 0 } .vevor-pc-label-arrow label { position: absolute; top: 0; width: 50%; height: 100%; opacity: 0; cursor: pointer } .vevor-pc-label-arrow label:hover { opacity: 1 } .vevor-pc-label-arrow .prev-slide span { left: 10px } .vevor-pc-label-arrow .next-slide span { right: 10px } .vevor-pc-label-arrow .prev-slide span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6I0IzQjNCMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .vevor-pc-label-arrow .next-slide span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDE4MCAzNSAzNSkiPjxwYXRoIGlkPSLot6/lvoQgMSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0iZmlsbDojQjNCM0IzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApICByb3RhdGUoOTAgMzUgMzUpIiBvcGFjaXR5PSIxIiBkPSJNNzAsMzVDNzAsMTUuNjcgNTQuMzMsMCAzNSwwQzE1LjY3LDAgMCwxNS42NyAwLDM1QzAsNTQuMzMgMTUuNjcsNzAgMzUsNzBDNTQuMzMsNzAgNzAsNTQuMzMgNzAsMzVaICIgLz48cGF0aCAgaWQ9Iui3r+W+hCAyIiBzdHlsZT0ic3Ryb2tlOiNGRkZGRkY7IHN0cm9rZS13aWR0aDo1OyBzdHJva2Utb3BhY2l0eToxOyBzdHJva2UtZGFzaGFycmF5OjAgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjY4MTMzODAyODE2OSAyNy4xNDM0ODU5MTU0OTI5NTYpICByb3RhdGUoOTAgMTUuNzEzMDI4MTY5MDE0MDg0IDcuODU2NTE0MDg0NTA3MDQyKSIgZD0iTTMxLjQzLDBMMTUuNzEsMTUuNzFMMCwwICIgLz48L2c+PC9zdmc+) } .vevor-pc-label-arrow .prev-slide span:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .vevor-pc-label-arrow .next-slide span:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKC0xODAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .vevor-pc-label-slides li { list-style: none } .vevor-pc-swiperbox input { display: none } .vevor-pc-swiperbox input#slide10:checked~.vevor-pc-slidedots label#dot10, .vevor-pc-swiperbox input#slide11:checked~.vevor-pc-slidedots label#dot11, .vevor-pc-swiperbox input#slide12:checked~.vevor-pc-slidedots label#dot12, .vevor-pc-swiperbox input#slide1:checked~.vevor-pc-slidedots label#dot1, .vevor-pc-swiperbox input#slide2:checked~.vevor-pc-slidedots label#dot2, .vevor-pc-swiperbox input#slide3:checked~.vevor-pc-slidedots label#dot3, .vevor-pc-swiperbox input#slide4:checked~.vevor-pc-slidedots label#dot4, .vevor-pc-swiperbox input#slide5:checked~.vevor-pc-slidedots label#dot5, .vevor-pc-swiperbox input#slide6:checked~.vevor-pc-slidedots label#dot6, .vevor-pc-swiperbox input#slide7:checked~.vevor-pc-slidedots label#dot7, .vevor-pc-swiperbox input#slide8:checked~.vevor-pc-slidedots label#dot8, .vevor-pc-swiperbox input#slide9:checked~.vevor-pc-slidedots label#dot9 { background-color: rgba(255, 217, 1, 1) } .vevor-pc-swiperbox input#slide10:checked~.vevor-pc-slides li#slidebox10, .vevor-pc-swiperbox input#slide11:checked~.vevor-pc-slides li#slidebox11, .vevor-pc-swiperbox input#slide12:checked~.vevor-pc-slides li#slidebox12, .vevor-pc-swiperbox input#slide1:checked~.vevor-pc-slides li#slidebox1, .vevor-pc-swiperbox input#slide2:checked~.vevor-pc-slides li#slidebox2, .vevor-pc-swiperbox input#slide3:checked~.vevor-pc-slides li#slidebox3, .vevor-pc-swiperbox input#slide4:checked~.vevor-pc-slides li#slidebox4, .vevor-pc-swiperbox input#slide5:checked~.vevor-pc-slides li#slidebox5, .vevor-pc-swiperbox input#slide6:checked~.vevor-pc-slides li#slidebox6, .vevor-pc-swiperbox input#slide7:checked~.vevor-pc-slides li#slidebox7, .vevor-pc-swiperbox input#slide8:checked~.vevor-pc-slides li#slidebox8, .vevor-pc-swiperbox input#slide9:checked~.vevor-pc-slides li#slidebox9 { left: 0; transition: left .3s ease-out } .vevor-pc-slides { position: relative; width: 100%; width: 970px; height: 600px; list-style: none; margin: 0; padding: 0; overflow: hidden } .vevor-pc-slide { width: 100%; height: 600px; top: 0; left: 100% } .vevor-pc-slide img { width: 100%; width: 970px; height: 100% } .vevor-pc-slidedots { position: absolute; bottom: 20px; left: 0; text-align: center; height: 10px; width: 100% } .vevor-pc-slidedots label { display: inline-block; width: 28px; height: 8px; border-radius: 12px; background-color: #fff; border: 1px solid #000; margin-right: 8px; cursor: pointer } .vevor-pc-arrow .prev-slide { left: 0 } .vevor-pc-arrow label { position: absolute; top: 0; width: 50%; height: 100%; opacity: 0; cursor: pointer } .vevor-pc-arrow label:hover { opacity: 1 } .vevor-pc-arrow .next-slide { right: 0 } .vevor-pc-arrow label span { display: block; position: absolute; top: 50%; width: 70px; height: 70px; font-size: 64px !important; border-radius: 50%; line-height: 70px; text-align: center; transform: translateY(-50%); cursor: pointer } .vevor-pc-arrow .prev-slide span { left: 10px } .vevor-pc-arrow .next-slide span { right: 10px } .vevor-pc-arrow .prev-slide span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6I0IzQjNCMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .vevor-pc-arrow .next-slide span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDE4MCAzNSAzNSkiPjxwYXRoIGlkPSLot6/lvoQgMSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0iZmlsbDojQjNCM0IzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApICByb3RhdGUoOTAgMzUgMzUpIiBvcGFjaXR5PSIxIiBkPSJNNzAsMzVDNzAsMTUuNjcgNTQuMzMsMCAzNSwwQzE1LjY3LDAgMCwxNS42NyAwLDM1QzAsNTQuMzMgMTUuNjcsNzAgMzUsNzBDNTQuMzMsNzAgNzAsNTQuMzMgNzAsMzVaICIgLz48cGF0aCAgaWQ9Iui3r+W+hCAyIiBzdHlsZT0ic3Ryb2tlOiNGRkZGRkY7IHN0cm9rZS13aWR0aDo1OyBzdHJva2Utb3BhY2l0eToxOyBzdHJva2UtZGFzaGFycmF5OjAgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjY4MTMzODAyODE2OSAyNy4xNDM0ODU5MTU0OTI5NTYpICByb3RhdGUoOTAgMTUuNzEzMDI4MTY5MDE0MDg0IDcuODU2NTE0MDg0NTA3MDQyKSIgZD0iTTMxLjQzLDBMMTUuNzEsMTUuNzFMMCwwICIgLz48L2c+PC9zdmc+) } .vevor-pc-arrow .prev-slide span:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .vevor-pc-arrow .next-slide span:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKC0xODAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==) } .vevor-pc-slides li { list-style: none } .rl-container { width: 975px; display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px auto } .rl-container-title { font-size: 16px; font-family: Arial, sans-serif; margin: 20px 0 } .rl-listing { width: 184px; display: flex; flex-direction: column; margin: 5px } .rl-listing img { width: 184px; height: 184px } .rl-listing a { text-decoration: none } .rl-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 20px } 4-Tier Kid's Wooden Bookshelf - Keep Your Child's Space Well-Organized Want to make your child's life tidier and more organized? Choose our versatile baby storage book rack, providing spacious storage space for kids to easily store and organize their toys, books, and more. Simplify tidying up and help children develop good habits. Designed at kids' height for effortless access, nurturing their independence and making tidying up enjoyable. Our sling bookcase undergoes rigorous safety certifications for children's furniture, featuring rounded edges and smooth surfaces, providing safe storage space for kids, and giving parents peace of mind. Crafted from lightweight MDF, our toy storage cubby offers reliable strength and stability to withstand daily use, accompanying them through their growth. Meet storage needs for clothes, backpacks, school supplies, and personal items. With ample storage space and a flexible layout, keep classrooms and homes neatly organized. Features & Details Organized Storage: Start with our kid's wooden bookshelf for a tidy and organized space. Give toys, books, and other items a designated place, making it easy to tidy up and keep life organized. Easy to Use: Make every child's growth journey easier and more enjoyable with our sling bookcase. Designed at the perfect height for kids, they can easily access and put away items, fostering independence and making growing up fun. Safe and Considerate: The baby storage book rack is designed with safety and durability. With rounded edges, our cubes ensure children are safe during use, giving parents peace of mind. High Quality Material: Made of lightweight MDF, this book toy organizer cabinet offers reliable strength and stability, enduring the daily wear and tear of children's activities, and accompanying them through their growth. Develop Good Habits: With a simple design, our children book toy shelf not only enhances children's spatial awareness but also encourages kids to participate joyfully in organizing their belongings, fostering self-reliance and cultivating good habits. SHIPPING ABOUT US PAYMENT RETURNS CONTACT WARRANTY Welcome to our eBay store. As a leading and emerging company in manufacturer and exporting business, we are specialized in Business and Industrial Products, Sporting Goods, Pet Products, Home and Garden products for more than 10 years. We believe that it is our vision and mission to provide innovative products with best service and competitive price to satisfy you. Our goal is to make sure that you can find exactly what you are looking for and make it easy for you to place your orders. We accept PayPal payment,PayPal Credit,Credit card or debit card and so on. Payment should be completed within 4 (Four) days of auction closing. Or unpaid dispute will be filed for closing auction. We will leave a positive feedback immediately after payment is received. We appreciate a positive feedback as much as you do. If for some reason there is any issue with the purchase, please contact us prior to leaving feedback, we will be glad to work together and provide a satisfying solution. Please be aware that PO Box cannot receive items, please DO NOT fill in the PO Box address. DELIVERY DAYS: 3-7 BUSINESS DAYS 3 BUSINESS DAYS  SHIPPING OUT SHIP FROM CA & TX & NJ & GA & NC &OR WAREHOUSE California Warehouse: City of Industry, CA Texas Warehouse : Houston, TX New Jersey Warehouse : Perth Amboy, NJ New York State Warehouse: Perth Amboy, NJ Georgia Warehouse: Austell,GA North Carolina Warehouse: Grove NC Oregon Warehouse: AIRPORT WAY Portland,OR All of our items are backed with a 30-day return policy. We ensure all our items are new and in excellent condition prior to shipping. In case you receive the item that is not to the standards above, please contact us via e-Bay messages. All returns must be in new original condition as received and should be shipped with delivery confirmation Please note that all returns must be pre-approved by us. Unauthorized returns will not be accepted. If you need to return, please check twice to confirm the item not work and contact our customer service representative, let us know the detailed problem and send us some pictures for confirmation. We ONLY accept returns with original package. Please make sure that item has NO man-made sabotage. Used items will not be accepted for return. Email Customer Support: 9:00am-2:00am PST Sunday-Friday All emails will be responded to within 12-24 hours This item comes with 12 months Warranty from the date of customers purchased it. Special circumstances will be listed clearly in the listing. If your item has been damaged in transit or become faulty in warranty period, please email us with pictures or video to show the problem. Please do check everything carefully after you received the parcel, any the damage except DOA (Dead-On-Arrival) would not be covered if it's your fault. Replacement products are provided with the same warranty as the returned products. VEVOR 4-Tier Kid's Wooden Bookshelf - Keep Your Child's Space Well-Organized Want to make your child's life tidier and more organized? Choose our versatile baby storage book rack, providing spacious storage space for kids to easily store and organize their toys, books, and more. Simplify tidying up and help children develop good habits. Designed at kids' height for effortless access, nurturing their independence and making tidying up enjoyable. Our sling bookcase undergoes rigorous safety certifications for children's furniture, featuring rounded edges and smooth surfaces, providing safe storage space for kids, and giving parents peace of mind. Crafted from lightweight MDF, our toy storage cubby offers reliable strength and stability to withstand daily use, accompanying them through their growth. Meet storage needs for clothes, backpacks, school supplies, and personal items. With ample storage space and a flexible layout, keep classrooms and homes neatly organized. Features & Details Organized Storage: Start with our kid's wooden bookshelf for a tidy and organized space. Give toys, books, and other items a designated place, making it easy to tidy up and keep life organized. Easy to Use: Make every child's growth journey easier and more enjoyable with our sling bookcase. Designed at the perfect height for kids, they can easily access and put away items, fostering independence and making growing up fun. Safe and Considerate: VEVOR baby storage book rack is designed with safety and durability. With rounded edges, our cubes ensure children are safe during use, giving parents peace of mind. High Quality Material: Made of lightweight MDF, this book toy organizer cabinet offers reliable strength and stability, enduring the daily wear and tear of children's activities, and accompanying them through their growth. Develop Good Habits: With a simple design, our children book toy shelf not only enhances children's spatial awareness but also encourages kids to participate joyfully in organizing their belongings, fostering self-reliance and cultivating good habits. SHIPPING Please be aware that PO Box cannot receive items, please DO NOT fill in the PO Box address. DELIVERY DAYS: 3-7 BUSINESS DAYS 3 BUSINESS DAYS  SHIPPING OUT SHIP FROM CA & TX & NJ & GA & NC &OR WAREHOUSE California Warehouse: City of Industry, CA Texas Warehouse : Houston, TX New Jersey Warehouse : Perth Amboy, NJ New York State Warehouse: Perth Amboy, NJ Georgia Warehouse: Austell,GA North Carolina Warehouse: Grove NC Oregon Warehouse: AIRPORT WAY Portland,OR PAYMENT We accept PayPal payment,PayPal Credit,Credit card or debit card and so on. Payment should be completed within 4 (Four) days of auction closing. Or unpaid dispute will be filed for closing auction. We will leave a positive feedback immediately after payment is received. We appreciate a positive feedback as much as you do. If for some reason there is any issue with the purchase, please contact us prior to leaving feedback, we will be glad to work together and provide a satisfying solution. RETURNS All of our items are backed with a 30-day return policy. We ensure all our items are new and in excellent condition prior to shipping. In case you receive the item that is not to the standards above, please contact us via e-Bay messages. All returns must be in new original condition as received and should be shipped with delivery confirmation Please note that all returns must be pre-approved by us. Unauthorized returns will not be accepted. If you need to return, please check twice to confirm the item not work and contact our customer service representative, let us know the detailed problem and send us some pictures for confirmation. We ONLY accept returns with original package. Please make sure that item has NO man-made sabotage. Used items will not be accepted for return. CONTACT Email Customer Support: 9:00am-2:00am PST Sunday-Friday All emails will be responded to within 12-24 hours WARRANTY This item comes with 12 months Warranty from the date of customers purchased it. Special circumstances will be listed clearly in the listing. If your item has been damaged in transit or become faulty in warranty period, please email us with pictures or video to show the problem. Please do check everything carefully after you received the parcel, any the damage except DOA (Dead-On-Arrival) would not be covered if it's your fault. Replacement products are provided with the same warranty as the returned products. Condition: New. Category: Home & Garden › Household Supplies & Cleaning › Home Organization › Storage Bins & Baskets. Brand: Uimoso.

Brand

Uimoso

Item Height

32 in

Item Length

35 in

Item Width

16 in

Type

Kids Storage Cubes

Material

Wood

Features

Kids Storage Cubes

Mounting

Free Standing

Assembly Required

Yes

Capacity

4-Tier

Item Depth

10 in

Item Weight

29.76 lbs/13.5 kg

MPN

ETCWSJ914714WFZI1

Model

IVY-VVR-0056

Number of Items in Set

Five-Piece

Number of Shelves

4

UPC

197988053668