.search_body { background: #f7f7f7; padding: 20px 0px 30px } .filter_sec { background: #fff; margin-bottom: 15px; border: solid 1px #ddd; box-shadow: 0px 0px 5px #eee; font-size: 13px; } .filter_sec ul { display: flex; align-items: center } .filter_sec li { padding: 10px 10px; } .filter_sec li a { color: #333; } .filter_sec li a:hover { color: #03c; } .filter_sec li .search_filt { display: flex } .filter_sec li .search_filt input { padding: 5px; border: solid 1px #ccc } .filter_sec li .search_filt button { background: #03c; color: #fff; border: none; padding: 1px 5px; } /* search_classified Start*/ .search_classified { display: flex; justify-content: space-between } .Left_sec { width: 230px } .classified_sec { width: calc(100% - 250px) } .flt-box-wrap { border: solid 1px #ddd; margin-bottom: 10px; background: #fff } .flt-head { font-size: 16px; font-weight: 600; color: #3872cc; border-bottom: 2px solid #3872cc; padding: 8px 10px } .flt-list { font-size: 14px; margin: 0px; padding: 3px 0px 0px; list-style: none } .flt-list li { color: #666; border-bottom: solid 1px #eee; } .flt-list li a { color: #666; display: block; padding: 7px 10px 5px 10px; line-height: 14px } .flt-list li:last-child { border-bottom: none; } .flt-list li a:hover { color: #03c; background: #f7f7f7 } .classfied-wrap { list-style: none; margin: 0px; padding: 0px; } .classfied-wrap>li { margin-bottom: 20px } .classified { background: #fff; border: 1px solid #e3e3e9; border-radius: 5px; display: flex; height: 275px } .classified:hover { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) } .prd-info { padding: 15px; width: calc(100% - 310px); position: relative; } .prd-info ._ship { position: absolute; top: 0px; left: 0px; height: 100px; width: 96px; background: url(https://www.click4exports.com/public/images/member_ship.png) no-repeat; z-index: 1 } .prd-info ._ship.platinum_member { background-position: 0; } .prd-info ._ship.platinum_pro_member { background-position: -98px 0px; } .prd-info ._ship.star_supplier_member { background-position: -196px 0px; } .prd-info ._ship.leading_supplier_member { background-position: -293px 0px; } .prd-box { display: flex } .prd-box .img_sec { width: 220px; height: 220px; line-height: 1px; margin: 0; border-radius: 5px; overflow: hidden; border: 1px solid #efefef; position: relative; cursor: pointer } .prd-box .img_sec img { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100% } .img-count { position: absolute; top: 10px; left: 10px; display: inline-block; background: rgba(0, 0, 0, 0.4); color: #fff; border-radius: 5px; font-size: 13px; padding: 5px; line-height: 1px } .img-count svg { vertical-align: middle; fill: #fff; width: 14px; height: 14px; margin-right: 3px } .prd-content { width: calc(100% - 220px); padding-left: 17px; font-size: 14px; position: relative } .prd-content .title { font-size: 18px; color: #1257a6; font-weight: 700; margin-bottom: 7px; padding-right: 60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0px; padding: 0px } .prd-content .title:hover { color: #d8232a } .prd-content .price { margin: 7px 0 } .prd-content .prc { font-size: 20px; font-weight: 600; color: #009587 } .prd-content .unit { font-size: 14px; font-weight: 400; color: #666; margin-right: 17px } .prd-content .glp { font-size: 14px; font-weight: 600; color: #ff6a00; text-decoration: underline } .prd-content .glp:hover { text-decoration: none } .prd-content table { width: 100%; margin-bottom: 5px; font-size: 12px; color: #000; line-height: 14px; padding-right: 70px } .prd-content table tr { white-space: nowrap } .prd-content table td { display: inline-block; vertical-align: top } .prd-content table td:first-child { color: #666; padding-right: 5px } .prd-content table td:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 3px; max-width: 240px } .prd-content .desc { color: #666; margin: 0px; padding: 0px; } .prd-content .desc a { color: #1257a6; text-decoration: underline } .prd-content .desc a:hover { text-decoration: none } .cinfo { width: 350px; background: #eff2fe; padding: 15px 20px } .cbox { display: flex; margin-bottom: 5px } .cbox figure { width: 50px; height: 50px; line-height: 48px; font-size: 18px; font-weight: 600; color: #666; background: #fff7e1; border: 1px solid #eee1bc; border-radius: 50%; text-align: center; position: relative } .cbox figure img { width: auto; height: auto; max-width: 40px; max-height: 40px; border-radius: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .cbox figure .cmp-year { position: absolute; top: -2px; right: -7px; border: 1px solid #666; background: #fff; font-size: 8px; line-height: 8px; font-weight: 700; color: #000; border-radius: 20px; padding: 3px 5px; white-space: nowrap; text-transform: uppercase } .cbox .cboxr { width: calc(100% - 50px); padding-left: 12px } .cbox .title { font-size: 16px; color: #000; font-weight: 500; margin: 5px 0; padding: 0px; } .cbox .cverify-icon { transform: scale(0.69) } .cbox a, .cbox span { display: inline-block; vertical-align: middle; cursor: pointer } .cbox .cloc { font-size: 13px; color: #666; transition: none } .cbox .cloc svg { fill: #333; width: 13px; height: 13px; vertical-align: middle } .rating-wrap { width: 100%; flex-basis: 100%; flex: 1; padding-top: 7px } .rate-text { font-size: 13px; color: #444 } .rtbox { background: #339d3a; border-radius: 3px; margin-right: 3px; color: #fff; font-size: 600px; font-size: 12px; padding: 1px 4px } .caction .button_contact { font-size: 14px; border-radius: 35px; padding: 10px 15px; text-align: center; cursor: pointer; display: block; background: #fff; border: 1px solid #1257a6; color: #1257a6; font-weight: 600; margin-bottom: 12px } .caction .button_contact:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) } .caction .button_request { font-size: 18px; border-radius: 35px; padding: 10px 15px; text-align: center; cursor: pointer; display: block; background: #ff8c3a; border: 1px solid #c35100; color: #fff; font-weight: 700 } .caction .button_request:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background: #ff6a00; } .caction .button_request span { font-size: 12px; display: block; font-weight: 500; margin-top: 1px; } .classified .tooltip { position: relative; overflow: initial !important; } .classified .tooltip .tooltiptext { visibility: hidden; width: 260px; background: #d9f0fb; color: #003e5a; border: 1px solid #c6e3f1; text-align: left; border-radius: 6px; padding: 7px; font-size: 11px; position: absolute; z-index: 1; top: 30px; left: 0; white-space: normal; } .classified .tooltip .tooltiptext::before { content: ""; position: absolute; bottom: 100%; left: 10%; margin-left: -6px; border-width: 8px; border-style: solid; border-color: transparent transparent #c6e3f1 } .classified .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 10%; margin-left: -5px; border-width: 7px; border-style: solid; border-color: transparent transparent #d9f0fb } .classified .tooltip:hover .tooltiptext { visibility: visible } .caddit { display: flex; flex-wrap: wrap; font-size: 13px; line-height: 18px; margin-bottom: 7px; } .caddit .item { width: 50%; padding: 10px 0 } .caddit .item:nth-child(2) .ca-box, .caddit .item:nth-child(4) .ca-box { border-left: 1px solid #d2d5df; padding-left: 22px } .ca-box { display: flex; align-items: center; cursor: pointer; } .ca-box p:first-child { line-height: 1px; width: 28px; margin-right: 7px; } .ca-box p:nth-child(2) { flex: 1; } .ca-box span { color: #898888; display: block; } .ca-box b { font-weight: 600; color: #000 } .flt-list { font-size: 14px; max-height: 167px; } .cust-scroll { overflow: auto } .cust-scroll::-webkit-scrollbar { display: block; width: 4px; height: 4px; border-radius: 10px; } .cust-scroll::-webkit-scrollbar:hover { display: block } .cust-scroll::-webkit-scrollbar-track { background: #eee; border-radius: 10px } .cust-scroll::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px } .cust-scroll::-webkit-scrollbar-thumb:hover { background: #999 } .flt-title { font-size: 15px; font-weight: 600; position: relative; cursor: pointer; padding: 7px 15px; border-bottom: solid 1px #ddd; } .flt-search { position: relative; border: none; padding: 0 } .flt-search input { border: 1px solid #ddd; font-size: 13px; padding: 7px 15px 7px 30px; width: 100%; border-radius: 3px } .flt-search input::placeholder { color: #999 } .flt-search b.fa { position: absolute; top: 48%; left: 10px; transform: translateY(-50%); color: #999 } /* search_classified End*/

TCT Cutter (0 products available)

Filters By

Related Categories

By State

    No record found.