VEVOR Mechanics Tool Set 314-Piece Mechanic Tool Kit Metric Socket Set for Car

Description

View VEVOR Mechanics Tool Set 314-Piece Mechanic Tool Kit Metric Socket Set for Car with current marketplace pricing, condition, product images and item details. A Thoughtful Choice: This tool box set includes a sturdy storage case for organized transport and storage. Compatible with manual tools and most drills or impact wrenches—making it a practical and gift-worthy set. body { font-family: 'Market Sans', Arial, sans-serif; } eBay 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 } One Mechanics Tool Set, Endless Uses Made with polished CR-V chrome vanadium steel, this mechanic tool kit provides excellent wear resistance and long-lasting strength for extended use. This mechanic tool set includes 314 essential tools, designed to support automotive maintenance, household repairs, and everyday mechanical tasks—all in one versatile set. This tool set mechanics kit is a practical and thoughtful choice for fathers, husbands, friends, or DIY enthusiasts—ideal for holidays, birthdays, or housewarming occasions. Each socket of the tool box set features clear, wear-resistant roll-stamped size markings that stay visible over time, allowing faster identification and improved workflow efficiency. This socket set is ideal for a wide range of applications—including home equipment repairs, automotive shops, and professional environments such as factories or workshops. Features & Details Built to Last: Sockets are made from high-quality CR-V steel, ensuring long-term durability with excellent resistance to rust and wear. Whether for home repairs or professional use, this mechanics tool set delivers reliability you can trust All-in-One Tool Set: This 314-piece mechanic tool kit brings together essential tools for automotive repair, home improvement, plumbing work, and DIY projects—all in one versatile kit Better Grip: The 6-point socket design of the mechanic tool set grips fasteners more securely, minimizes rounding and wear, and delivers improved torque for loosening stubborn bolts Roll-stamped Size Markings: This socket set features roll-stamped size markings to resist wear and remain clear over time, allowing faster identification and smoother workflow A Thoughtful Choice: This tool box set includes a sturdy storage case for organized transport and storage. Compatible with manual tools and most drills or impact wrenches—making it a practical and gift-worthy set 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. One Mechanics Tool Set, Endless Uses Made with polished CR-V chrome vanadium steel, this mechanic tool kit provides excellent wear resistance and long-lasting strength for extended use. This mechanic tool set includes 314 essential tools, designed to support automotive maintenance, household repairs, and everyday mechanical tasks—all in one versatile set. This tool set mechanics kit is a practical and thoughtful choice for fathers, husbands, friends, or DIY enthusiasts—ideal for holidays, birthdays, or housewarming occasions. Each socket of the tool box set features clear, wear-resistant roll-stamped size markings that stay visible over time, allowing faster identification and improved workflow efficiency. This socket set is ideal for a wide range of applications—including home equipment repairs, automotive shops, and professional environments such as factories or workshops. Features & Details Built to Last: Sockets are made from high-quality CR-V steel, ensuring long-term durability with excellent resistance to rust and wear. Whether for home repairs or professional use, this mechanics tool set delivers reliability you can trust All-in-One Tool Set: This 314-piece mechanic tool kit brings together essential tools for automotive repair, home improvement, plumbing work, and DIY projects—all in one versatile kit Better Grip: The 6-point socket design of the mechanic tool set grips fasteners more securely, minimizes rounding and wear, and delivers improved torque for loosening stubborn bolts Roll-stamped Size Markings: This socket set features roll-stamped size markings to resist wear and remain clear over time, allowing faster identification and smoother workflow A Thoughtful Choice: This tool box set includes a sturdy storage case for organized transport and storage. Compatible with manual tools and most drills or impact wrenches—making it a practical and gift-worthy set 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 › Tools & Workshop Equipment › Hand Tools › Hand Tool Sets. Brand: VEVOR.

Brand

VEVOR

Sockets Material

CR-V

Dimensions (L x W x H)

22.24 x 15.20 x 3.74 in / 565 x 386 x 95 mm

Item Model Number

100005

Net Weight

29.89 lbs / 13.56 kg

Pieces

314

Country of Origin

China

UPC

197988185420