VEVOR 3 PCS Small Parts Organizer 21 Compartment Organizer Box Removable Divider

Name: VEVOR 3 PCS Small Parts Organizer 21 Compartment Organizer Box Removable Divider
Brand: VEVOR
SKU: 267207673669
Price: 26.90 USD
Availability: InStock

USD 26.90

Condition: New

View on eBay

Description

View VEVOR 3 PCS Small Parts Organizer 21 Compartment Organizer Box Removable Divider with current marketplace pricing, condition, product images and item details. Plus, 2 storage trays are detachable for extra convenience, ensuring your tools stay organized and within easy reach. Designed with a convenient handle and safety latches, this hardware tools organizer ensures easy and secure transportation. body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; box-sizing: border-box; } .clearfix li p:nth-child(2) { padding-top: 14px !important; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .icon-search:before { content: "\e671"; } #mobile { width: 384px; /* max-width: 750px; min-width: 320px;*/ margin: 0 auto; display: none; } #mobile .items { width: 100%; } #mobile .items > p { height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; padding-left: 17.5px; margin-bottom: 15px; } #mobile .article .pro_desc{ font-size:16px; font-weight:bold; line-height:36px; } #mobile .features { width: 90%; margin: 20px auto; } #mobile .features p { font-size: 16px; font-weight: bold; } #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: bold; } #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; /*border: 1px solid #ccc; border-radius: 5px;*/ } #mobile .product1 .introduction{ font-size:16px; font-weight:bold; line-height:40px; } #mobile .footer .parameter2 td:first-child { width:110px; color: #646464; } #mobile .footer .parameter2 thead img { /* width: 100%;*/ /*height: 300px;*/ } #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: #000000; } #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: bold; } #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: 0px 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: bold; 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 .info, #pc .header .iconBox .centerBox .right .hours { color: #fff; } #pc .header .iconBox .centerBox .right .info p, #pc .header .iconBox .centerBox .right .hours p { font-size: 18px; font-weight: bold; line-height: 30px; } #pc .header .iconBox .centerBox .right .info span, #pc .header .iconBox .centerBox .right .hours 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: bold; 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: bold; } #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: bold; } #pc .article .bgimgBox { width: 100%; background-color: #fff; position: relative; } #pc .article .pro_desc{ font-size:16px; font-weight:bold; 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; /*word-break: break-all;*/ padding: 10px; /*overflow: hidden; transform: translateY(-50%);*/ } #pc .article .bgimgBox img { width: 100%; } #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: 0.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 #AAAAAA; 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; } } .ytvideo * { box-sizing:border-box; } .ytvideo { font-family:arial; text-align:center; position:relative; background-color:#555; } .ytvideo p { position:absolute; margin:0; color:white; background-color:rgba(0,0,0,.5); } .ytvideo .yt_hd { font-size:16px; width:100%; height:28px; line-height:28px; text-align:left; top:0; left:0; padding-left:10px; overflow:hidden; } .ytvideo .yt_ft { font-size:12px; width:100%; bottom:0; left:0; } .ytvideo img { display:block; max-width:100%; border:0; } .ytvideo a:after { content:"\A0\25BA"; position:absolute; width:60px; height:50px; left:0; top:0; right:0; bottom:0; margin:auto; border:0; border-radius:10px; color:white; background:rgba(0,0,0,.6); font-size:24px; line-height:50px; cursor:pointer; } .ytvideo a:hover:after { background:#CC181E; } .ytvideo .yt_inp { position:absolute; top:100%; left:0; width:100%; text-align:center; padding:.5em .2em; xfont-size:18px; border:0; color:white; background: rgba(0,0,0,.7); } @media(max-device-width:960px){ .ytvideo { margin-bottom:20px; } .ytvideo .yt_inp { padding:1em .2em; } } #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; } /* items */ #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 { /* width: 90%;*/ 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: bold !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: bold !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; } /* Key Features */ #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: bold !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: 0px; top: 5px; width: 8px; height: 8px; content: ""; border-radius: 50%; background: #949494; } /* Key Features */ /*specifications*/ #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: #555555; text-align: center; margin:20px 0; } #mobile .specifications .imgBox1 .info { font-size: 13px; color: #555555; margin: 10px 0; } #mobile .specifications .imgBox1 ul { width: 100%; /*padding: 18px;*/ padding: 13px 0 0 18px; } #mobile .specifications .imgBox1 ul li { font-size: 15px; color: #0F1111; } #mobile .specifications .imgBox2 .details i { font-size: 13px; color: #555555; } #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: bold !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: bold !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; } /*specifications*/ .black-line { width: 100%; height: 5px; background-color: #e3e6e6; } /* detail */ #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: bold !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; } /* detail */ /* footernav */ #mobile .footernav { font-size: 13px !important; font-family: "Arial" !important; } #mobile .footernav h1 { font-size: 18px !important; font-weight: bold !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 .shipping, #mobile .footernav .about, #mobile .footernav .payment, #mobile .footernav .returns, #mobile .footernav .contact, #mobile .footernav .faq { padding: 0 20px; margin-bottom: 21px; } /*#mobile .footernav .about div,*/ #mobile .footernav .shipping div, #mobile .footernav .payment div, #mobile .footernav .returns div, #mobile .footernav .contact div, #mobile .footernav .faq div { padding-left: 16px; } #mobile .footernav .about div, #mobile .footernav .shipping div ul li, #mobile .footernav .payment div ul li, #mobile .footernav .returns div ul li, #mobile .footernav .contact div ul li, #mobile .footernav .faq div ul li { line-height: 1.35; color: #0F1111; font-size: 15px !important; margin-bottom: 2px; } /* footernav */ #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: bold !important; } #mobile .brand-intro .why { margin-top: 8px; } #mobile .brand-intro .why b { color: #565959; font-size: 13px !important; font-weight: bold !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:nth-child(3n-1) { /*margin-left: 35px;*/ /*margin-right: 35px;*/ } #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-weight: 700;*/ } #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; } /* ---- PC 纯CSS底部导航 start -------- */ #pc .footer .footer_bg { width: 100%; height: 52px; background: #000; } #pc .footer > input, #pc .footer > span { position: absolute; left: 0px; top: 0px; 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; } /* ---- PC 纯CSS底部导航 end -------- */ .footer .ftcitem { /* width: 970px;*/ 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; /* margin-top: 10px;*/ } #pc .footer .payment li .pa { font-weight: bold; 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%; width: 560px; float: right; padding-left: 26px; } #pc .footer .shipping .ftinfo > p { /* height: 25px;*/ font-size: 1px; line-height: 25px; font-weight: bold; } #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: bold; 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: 0px; } #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; /*list-style: none;*/ /* margin-top: 10px;*/ } #pc .footer .faq li .colorEm { color: #3faacc; font-style: normal; } * { 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; /* transition: all 0.1s ease-in-out;*/ } #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 0.2s; cursor: pointer; } #OperateByRemoteControlOrApp .slide-image:hover+.carousel-controls label { opacity: 0.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: 0.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#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, #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 { 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; /* transition: all 0.7s ease-in-out;*/ } #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 0.2s; cursor: pointer; } #WhyChooseUs .slide-image:hover+.carousel-controls label { opacity: 0.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: 0.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#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, #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 { background-color: #000; color: #fff; } #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, #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 { 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%; /* height: 500px; */ left: 0; z-index: 1; overflow: hidden; } #FeaturesAndDetails .carousel .imgContainer img { width: 100%; /* height: 500px; */ 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%; /* height: 100%; */ top: 0; opacity: 0; transition: all 0.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 0.2s; cursor: pointer; } #FeaturesAndDetails .slide-image:hover+.carousel-controls label { opacity: 0.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; /* background-color: rgba(255, 217, 1, 1); */ opacity: 0.5; margin-right: 8px; border: 1px solid #000; } #FeaturesAndDetails input:checked+.slide-container .slide-image { /* background-color: rgba(255, 217, 1, 1); */ 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, 0.5); border-radius: 50%; appearance: none; display: inline-block; } /* .marker-container .marker .marker-btn:checked + .marker-content{ display: block; } */ .marker-container .marker .marker-btn:hover+.marker-content { display: block; } .marker-container .marker .marker-content { display: none; width: auto; transition: 0.3s opacity; background: #eee; position: absolute; padding: 15px; -webkit-box-shadow: 0px 0px 43px -7px rgba(135, 135, 135, 1); -moz-box-shadow: 0px 0px 43px -7px rgba(135, 135, 135, 1); box-shadow: 0px 0px 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%; } #OperateByRemoteControlOrApp .slide-container, #WhyChooseUs .slide-container, #FeaturesAndDetails .slide-container { z-index: 0; } #OperateByRemoteControlOrApp input:checked+.slide-container, #WhyChooseUs input:checked+.slide-container, #FeaturesAndDetails input:checked+.slide-container { /* height: 100% !important; */ z-index: 99; } .slide-image:hover+.carousel-controls label { opacity: 0.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; /* overflow-x: auto; */ /* min-width: 1200px; */ font-family: Open sans, Arial, Helvetica; width: 1392px; margin: 0 auto; padding-top: 20px; padding-bottom: 78px; } } .ebaym-content { /*padding: 10px;*/ /* width: 90%;*/ margin: 0 auto; } .ebaym-content-brandinfo { width: 100%; height: 100%; text-align: center; } .ebaym-content-brandinfo-img { width: 100%; height: 100%; } .ebaym-descript {} .ebaym-descript-title { margin: 20px 0; font-size: 16px; font-weight: bold; } .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: bold; } .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; /* height: inherit;*/ position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; font-family: Helvetica; font-size: 120px; color: #ffffff; } .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(1) { /* background-color: #f25c05;*/ } .slide:nth-of-type(2) { /* background-color: #f2e205;*/ left: 100%; } .slide:nth-of-type(3) { /* background-color: #495f8c;*/ left: 200%; } .slide:nth-of-type(4) { /* background-color: #495f8c;*/ left: 300%; } .slide input[type="radio"] { position: relative; z-index: 100; display: none; } .controls-visible { position: absolute; bottom: 0px; 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: 0px; 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: bold; 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%); } #slidesblockBox { margin-top: 20px; } #slidesblockBox ul.slides { display: block; position: relative; height: 288px; top: 0; margin: 0; padding: 0; overflow: hidden; list-style: none; padding: 0 0 198px 0 !important; } #slidesblockBox ul.slides input { display: none; } #slidesblockBox .slide-container { display: block; } #slidesblockBox .slide-image { display: block; position: absolute; width: 100%; height: 288px; top: 0; opacity: 0; transition: all 0.7s ease-in-out; } #slidesblockBox .slide-image img { width: auto; width: 100%; height: 100%; } #slidesblockBox .carousel-controls { position: absolute; top: 0; left: 0; width: 100%; height: 280px; z-index: 9999; } #slidesblockBox .prev-slide { position: absolute; width: 50%; left: 0; top: 0; height: 100%; z-index: 9999; } #slidesblockBox .next-slide { position: absolute; width: 50%; right: 0; top: 0; height: 100%; z-index: 9999; } #slidesblockBox .carousel-dots { position: absolute; left: 0; right: 0; bottom: 0; z-index: 999; text-align: center; } #slidesblockBox .carousel-dots .carousel-dot { display: block; width: 230px; height: 37.5px; line-height: 37.5px; text-align: center; background-color: #fff; border-radius: 30px; margin: 10px auto 0 auto; border: 1px solid #000; color: #000; font-size: 12px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } #slidesblockBox { width: 384px; } #slidesblockBox input:checked + .slide-container .slide-image { opacity: 1; transform: scale(1); transition: opacity 1s ease-in-out background-color 1s ease-in-out; } #slidesblockBox input:checked + .slide-container .carousel-controls label { display: block; } #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, #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 { background-color: #000; color: #fff; } #slidesblockBox input:checked + .slide-container .nav label { display: block; } #slidesblockBox .slide-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } #slidesblockBox .slide-container { z-index: 0; } #slidesblockBox input:checked + .slide-container { z-index: 99; } .vevor-m-swiperbox { position: relative; overflow: hidden; } .vevor-m-swiperbox input { display: none; } .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, .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 { background-color: rgba(255, 217, 1, 1); } .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, .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 { left: 0; transition: left 0.3s ease-out; } .vevor-m-slides { 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%; } .vevor-m-slide img { width: 100%; height: 100%; } .vevor-m-slidedotms { 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; } /* 轮播图左右箭头 */ .vevor-m-arrow .prev-slide { left: 0; } .vevor-m-arrow label { position: absolute; top: 0; width: 50%; height: 100%; opacity: 0.5; cursor: pointer; } .vevor-m-arrow .next-slide { right: 0; } .vevor-m-slides li { list-style: none; } .vevor-m-label-swiperbox { position: relative; height: 288px; /* padding-bottom: 198px;*/ overflow: hidden; } .vevor-m-label-swiperbox input { display: none; } .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, .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 { background-color: #000; color: #fff; } .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, .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 { left: 0; transition: left 0.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 #808080; color: #000; font-size: 12px; font-weight: bold; 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: 0.5; cursor: pointer; } .vevor-m-label-arrow .next-slide { right: 0; } .vevor-m-label-slides li { list-style: none; } .vevor-pc-label-swiperbox { position: relative; height: 600px; overflow: hidden; } .vevor-pc-label-swiperbox input { display: none; } .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, .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 { background-color: #000; color: #fff; } .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, .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 { left: 0; transition: left 0.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: bold; 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 { position: relative; height: 600px; overflow: hidden; } .vevor-pc-swiperbox input { display: none; } .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, .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 { background-color: rgba(255, 217, 1, 1); } .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, .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 { left: 0; transition: left 0.3s ease-out; } .vevor-pc-slides { position: relative; width: 100%; height: 600px; list-style: none; margin: 0; padding: 0; overflow: hidden; } .vevor-pc-slide { width: 100%; height: 600px; /* position: absolute;*/ top: 0; left: 100%; } .vevor-pc-slide img { width: 100%; 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; } Flexible Storage, Efficient Organization This 3-pack small parts organizer set provides an efficient solution for keeping your tools and hardware neatly arranged. With multi-compartments, removable dividers, high-quality PP material, secure latches, and transparent lid, it ensures your parts are well-organized and easily accessible. Each small parts storage box comes with two removable trays, making it easy to quickly remove and access items, providing flexible storage solutions to meet your needs. The transparent lid design allows you to easily identify the tools at a glance, making it quick and simple to locate the tools or hardware you need, greatly enhancing work efficiency. Designed with a convenient handle and safety latches, this hardware tools organizer ensures easy and secure transportation. Whether at home, in the garage, or on the go, you can easily carry your tools and accessories wherever you need them. This hardware organizer box is the perfect solution for organizing a variety of items. Whether it's RC car tools, wire connectors, beads, home tool kits, or fishing tackles, it keeps everything neatly arranged, maintaining a more organized and tidy space. Features & Details Efficient and Tidy Storage: This 3-pack small parts organizer set offers flexible storage solutions, perfect for organizing various small parts. Whether it's small components, screws, bolts, fishing tackle, electrical connectors, crafts, beads, or jewelry, you can easily categorize and store them neatly. Customizable Storage Space: Each tool organizer box comes with 21 compartments and 2 removable dividers, allowing you to freely adjust the divider according to your needs. Plus, 2 storage trays are detachable for extra convenience, ensuring your tools stay organized and within easy reach. Durable and Safe: Made with high-quality PP material, this hardware storage box ensures exceptional durability and impact resistance, capable of withstanding everyday wear and tear. Equipped with secure latches to keep parts safely stored, and a convenient handle for easy portability. Transparent Lid: Our small part box organizer features a transparent lid design, allowing you to easily identify the hardware inside at a glance. No more searching through the contents, saving you valuable time and enhancing work efficiency. Ideal Storage Helper: Whether it's car repair, woodworking, electronic repairs, or kitchen playsets, this multi-compartment storage box helps you easily organize small tools and accessories. Keep your workspace tidy, enhance work efficiency, and avoid clutter. 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. Condition: New. Category: Home & Garden › Household Supplies & Cleaning › Home Organization › Storage Boxes. Brand: VEVOR.