*{ box-sizing:border-box; padding: 0; margin: 0; outline:none; } :root { /* 主色 */ --wc-primary: #ff5300; /* 成功 / 状态 */ --wc-green: #1e7f4d; --wc-green-bg: #e6f7ef; /* 警告 */ --wc-orange: #ad6800; --wc-orange-bg: #fff7e6; /* 错误 */ --wc-red: #cf1322; --wc-red-bg: #fff1f0; /* 中性色 */ --wc-gray: #8c8c8c; --wc-gray-bg: #f5f5f5; } @charset "UTF-8";:root { --woocommerce: #720eec; --wc-green: #7ad03a; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, 0.8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px } @keyframes spin { 100% { transform: rotate(360deg) } } @font-face { font-family: star; src: url(../fonts/WooCommerce.woff2) format("woff2"),url(../fonts/WooCommerce.woff) format("woff"),url(../fonts/WooCommerce.ttf) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: WooCommerce; src: url(../fonts/WooCommerce.woff2) format("woff2"),url(../fonts/WooCommerce.woff) format("woff"),url(../fonts/WooCommerce.ttf) format("truetype"); font-weight: 400; font-style: normal } html{ overflow-x: hidden; margin: 0 !important; scroll-behavior: smooth; } :target { scroll-margin-top: 184px; } body{ font-family: "Inter",sans-serif; font-display: auto; padding: 0; margin:0 auto; font-size: 15px; color: #444; background: #f5f5f5; overflow-x: initial; -ms-overflow-style: none; overflow: -moz-scrollbars-none; position: relative; } html body, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body button{ font-family: "Inter",sans-serif; font-display: auto; } .woocommerce .quantity .qty { width: 3.631em; text-align: center } .woocommerce div.product { margin-bottom: 0; position: relative } .woocommerce div.product .product_title { clear: none; margin-top: 0; padding: 0 } .woocommerce div.product p.stock { font-size: .92em } .woocommerce div.product div.images { margin-bottom: 2em } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none } .woocommerce div.product div.images.woocommerce-product-gallery { position: relative } .woocommerce div.product div.summary { margin-bottom: 2em } .woocommerce div.product form.cart { margin-bottom: 2em } .woocommerce div.product form.cart::after,.woocommerce div.product form.cart::before { content: " "; display: table } .woocommerce div.product form.cart::after { clear: both } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 4px 0 0 } .woocommerce div.product form.cart table { border-width: 0 0 1px } .woocommerce div.product form.cart table td { padding-left: 0 } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; width: 100% } .woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th { border: 0; line-height: 2em; vertical-align: top } .woocommerce div.product form.cart .variations label { font-weight: 700; text-align: left } .woocommerce div.product form.cart .variations select { max-width: 100%; min-width: 75%; display: inline-block; margin-right: 1em; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 3em; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat; background-size: 16px; -webkit-background-size: 16px; background-position: calc(100% - 12px) 50%; -webkit-background-position: calc(100% - 12px) 50% } .woocommerce div.product form.cart .reset_variations { visibility: hidden; font-size: .83em } .woocommerce div.product form.cart .button { vertical-align: middle; float: left } .woocommerce .cart .button,.woocommerce .cart input.button { float: none } .woocommerce .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: WooCommerce } .woocommerce .star-rating::before { content: "sssss"; color: #cfc8d8; float: left; top: 0; left: 0; position: absolute } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .woocommerce .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0 } .woocommerce #review_form #respond { position: static; margin: 0; width: auto; padding: 0; background: transparent none; border: 0 } .woocommerce #review_form #respond::after,.woocommerce #review_form #respond::before { content: " "; display: table } .woocommerce #review_form #respond::after { clear: both } .woocommerce #review_form #respond p { margin: 0 0 10px } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #e9e6ed; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt { background-color: #7f54b3; color: #fff; -webkit-font-smoothing: antialiased } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color: #958e09; font-size: 1.25em } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock { color: #958e09 } .woocommerce-error,.woocommerce-info,.woocommerce-message { padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; background-color: #f6f5f8; color: #515151; border-top: 3px solid #720eec; list-style: none outside; width: auto; word-wrap: break-word } .woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before { content: " "; display: table } .woocommerce-error::after,.woocommerce-info::after,.woocommerce-message::after { clear: both } .woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before { font-family: WooCommerce; content: "\e028"; content: "\e028"/""; display: inline-block; position: absolute; top: 1em; left: 1.5em } .woocommerce-error .button,.woocommerce-info .button,.woocommerce-message .button { float: right } .woocommerce-message { border-top-color: #8fae1b } .woocommerce-message::before { content: "\e015"; color: #8fae1b } .woocommerce a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: var(--wc-red)!important; text-decoration: none; font-weight: 700; border: 0 } .woocommerce .quantity .qty { width: 3.631em; text-align: center } .woocommerce .cart .button,.woocommerce .cart input.button { float: none } .woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px } .woocommerce table.shop_table th { font-weight: 700; padding: 9px 12px; line-height: 1.5em } .woocommerce table.shop_table td { border-top: 1px solid rgba(0,0,0,.1); padding: 9px 12px; vertical-align: middle; line-height: 1.5em } .woocommerce td.product-name .wc-item-meta,.woocommerce td.product-name dl.variation { list-style: none outside } .woocommerce td.product-name .wc-item-meta .wc-item-meta-label,.woocommerce td.product-name .wc-item-meta dt,.woocommerce td.product-name dl.variation .wc-item-meta-label,.woocommerce td.product-name dl.variation dt { float: left; clear: both; margin-right: .25em; display: inline-block; list-style: none outside } .woocommerce td.product-name .wc-item-meta dd,.woocommerce td.product-name dl.variation dd { margin: 0 } .woocommerce td.product-name .wc-item-meta p,.woocommerce td.product-name .wc-item-meta:last-child,.woocommerce td.product-name dl.variation p,.woocommerce td.product-name dl.variation:last-child { margin-bottom: 0 } .woocommerce td.product-quantity { min-width: 80px } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #e9e6ed; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt { background-color: #7f54b3; color: #fff; -webkit-font-smoothing: antialiased } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: .5; padding: .618em 1em } #add_payment_method table.cart .product-thumbnail,.woocommerce-cart table.cart .product-thumbnail,.woocommerce-checkout table.cart .product-thumbnail { min-width: 32px } #add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img { width: 32px; box-shadow: none } #add_payment_method table.cart td,#add_payment_method table.cart th,.woocommerce-cart table.cart td,.woocommerce-cart table.cart th,.woocommerce-checkout table.cart td,.woocommerce-checkout table.cart th { vertical-align: middle } #add_payment_method table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-checkout table.cart td.actions .coupon .input-text { float: left; box-sizing: border-box; border: 1px solid #cfc8d8; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: 0 } #add_payment_method table.cart input,.woocommerce-cart table.cart input,.woocommerce-checkout table.cart input { margin: 0; vertical-align: middle } .woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce::before { content: " "; display: table } .woocommerce-account .woocommerce::after { clear: both } .woocommerce form .form-row { padding: 3px; margin: 0 0 6px } .woocommerce form .form-row label { line-height: 2 } .woocommerce form .form-row .input-text,.woocommerce form .form-row select { font-family: inherit; font-weight: 400; letter-spacing: normal; padding: .5em; display: block; background-color: var(--wc-form-color-background,#fff); border: var(--wc-form-border-width) solid var(--wc-form-border-color); border-radius: var(--wc-form-border-radius); color: var(--wc-form-color-text,#000); box-sizing: border-box; width: 100%; margin: 0; line-height: normal; height: auto } .woocommerce form .form-row select { cursor: pointer; appearance: none; padding-right: 3em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=); background-repeat: no-repeat; background-size: 16px; background-position: calc(100% - .5em) 50% } .woocommerce form .form-row .required { color: var(--wc-red); font-weight: 700; border: 0!important; text-decoration: none; visibility: hidden } .clear { clear: both } .woocommerce form .form-row .optional { visibility: visible } .woocommerce form .form-row ::-webkit-input-placeholder { line-height: normal } .screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px; word-wrap: normal!important } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #e9e6ed; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none } .woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce::before { content: " "; display: table } .woocommerce-account .woocommerce::after { clear: both } .woocommerce img,.woocommerce-page img { height: auto; max-width: 100% } .woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before { content: " "; display: table } .woocommerce form .form-row::after,.woocommerce-page form .form-row::after { clear: both } .woocommerce form .form-row label,.woocommerce-page form .form-row label { display: block } .woocommerce form .form-row select,.woocommerce-page form .form-row select { width: 100% } .woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text { box-sizing: border-box; width: 100% } .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last { width: 47%; overflow: visible } .woocommerce form .form-row-first,.woocommerce-page form .form-row-first { float: left } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: right } .woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide { clear: both } .woocommerce form .password-input,.woocommerce-page form .password-input { display: flex; flex-direction: column; justify-content: center; position: relative } .woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password] { padding-right: 2.5rem } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 68% } .select2-container .select2-selection--single { height: auto; } .woocommerce form .show-password-input,.woocommerce-page form .show-password-input { background-color: transparent; border-radius: 0; border: 0; color: var(--wc-form-color-text,#000); cursor: pointer; font-size: inherit; line-height: inherit; margin: 0; padding: 0; position: absolute; right: .7em; text-decoration: none; top: 50%; transform: translateY(-50%); -moz-osx-font-smoothing: inherit; -webkit-appearance: none; -webkit-font-smoothing: inherit } .woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before { background-repeat: no-repeat; background-size: cover; background-image: url('data:image/svg+xml,'); content: ""; display: block; height: 22px; width: 22px } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 68% } .woocommerce form .form-row .required { visibility: visible; } .woocommerce p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; font-size: 24px } .woocommerce p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: WooCommerce; content: "\e021"; text-indent: 0 } .woocommerce p.stars a:hover~a::before { content: "\e021" } .woocommerce p.stars:hover a::before { content: "\e020" } .woocommerce p.stars.selected a.active::before { content: "\e020" } .woocommerce p.stars.selected a.active~a::before { content: "\e021" } .woocommerce p.stars.selected a:not(.active)::before { content: "\e020" } .woocommerce .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: WooCommerce } .woocommerce .star-rating::before { content: "sssss"; color: #cfc8d8; float: left; top: 0; left: 0; position: absolute } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .woocommerce .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0 } .woocommerce .woocommerce-product-rating { line-height: 2; display: block } .woocommerce .woocommerce-product-rating::after,.woocommerce .woocommerce-product-rating::before { content: " "; display: table } .woocommerce .woocommerce-product-rating::after { clear: both } .woocommerce .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0; float: left } .woocommerce .products .star-rating { display: block; margin: 0 0 .5em; float: none } .woocommerce .hreview-aggregate .star-rating { margin: 10px 0 0 } .woocommerce #review_form #respond { position: static; margin: 0; width: auto; padding: 0; background: transparent none; border: 0 } .woocommerce #review_form #respond::after,.woocommerce #review_form #respond::before { content: " "; display: table } .woocommerce #review_form #respond::after { clear: both } .woocommerce #review_form #respond p { margin: 0 0 10px } .woocommerce #review_form #respond .form-submit input { left: auto } .woocommerce #review_form #respond textarea { box-sizing: border-box; width: 100% } .woocommerce p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; font-size: 24px } .woocommerce p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: WooCommerce; content: "\e021"; text-indent: 0 } .woocommerce p.stars a:hover~a::before { content: "\e021" } .woocommerce p.stars:hover a::before { content: "\e020" } .woocommerce p.stars.selected a.active::before { content: "\e020" } .woocommerce p.stars.selected a.active~a::before { content: "\e021" } .woocommerce p.stars.selected a:not(.active)::before { content: "\e020" } #add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment { background: rgba(129,110,153,.14); border-radius: 5px } #add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid rgba(104,87,125,.14); margin: 0; list-style: none outside } #add_payment_method #payment ul.payment_methods::after,#add_payment_method #payment ul.payment_methods::before,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::before { content: " "; display: table } #add_payment_method #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::after { clear: both } #add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400 } #add_payment_method #payment ul.payment_methods li input,.woocommerce-cart #payment ul.payment_methods li input,.woocommerce-checkout #payment ul.payment_methods li input { margin: 0 1em 0 0 } #add_payment_method #payment ul.payment_methods li img,.woocommerce-cart #payment ul.payment_methods li img,.woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; padding: 0; position: relative; box-shadow: none } #add_payment_method #payment ul.payment_methods li img+img,.woocommerce-cart #payment ul.payment_methods li img+img,.woocommerce-checkout #payment ul.payment_methods li img+img { margin-left: 2px } #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before { content: " "; display: table } #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after { clear: both } #add_payment_method #payment div.form-row,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row { padding: 1em } #add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0; font-size: .92em; border-radius: 2px; line-height: 1.5; background-color: #dcd7e2; color: #515151 } #add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 1em solid #dcd7e2; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em } #add_payment_method #payment .payment_method_paypal .about_paypal,.woocommerce-cart #payment .payment_method_paypal .about_paypal,.woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: .83em } #add_payment_method #payment .payment_method_paypal img,.woocommerce-cart #payment .payment_method_paypal img,.woocommerce-checkout #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle } #add_payment_method #payment div.payment_box p:last-child,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0 } #add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 1em solid #dcd7e2; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em } a{ color: #444444; text-decoration: none; } a:hover{ color: #ff5300 !important; } a:focus{ color: initial; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], select, body .woocommerce form .form-row .input-text, body .woocommerce form .form-row select{ height: 50px; line-height: 50px; padding: 0 15px; border: 1px solid #e5e5e5; border-radius: 5px; color: #1b1c1d; width: 100%; outline: none; } /* Chrome / Edge / Safari */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type="number"] { -moz-appearance: textfield; } body .select2-container .select2-selection--single .select2-selection__rendered{ height: 50px; line-height: 50px; padding: 0 15px; color: #1b1c1d; } body .select2-container .select2-dropdown, .select2-container .select2-selection{ border: 1px solid #e5e5e5; border-radius: 5px; } body .select2-search--dropdown{ padding: 10px; } body .select2-search--dropdown input{ border:1px solid #e5e5e5 !important; height: 50px !important; line-height: 50px !important; padding: 0 15px !important; } body .select2-container--default .select2-results>.select2-results__options{ padding-left: 10px; } body .woocommerce form .form-row .required{ color: #ff5300; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{ width: 49% !important; } .woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus{ border-color: #e5e5e5 !important; } textarea{ padding: 10px 15px; border:1px solid #e5e5e5; border-radius: 5px; color: #1b1c1d; width: 100%; } input::placeholder, textarea::placeholder, select::placeholder { color: #999; font-family: "Inter", serif; font-display: auto; font-size: 14px; } input::-webkit-input-placeholder, /* Chrome, Safari, Opera */ textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #999; font-family: "Inter", serif; font-display: auto; font-size: 14px; } input::-moz-placeholder, /* Firefox 19+ */ textarea::-moz-placeholder, select::-moz-placeholder { color: #999; font-family: "Inter", serif; font-display: auto; font-size: 14px; } input:-ms-input-placeholder, /* IE 10+ */ textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #999; font-family: "Inter", serif; font-display: auto; font-size: 14px; } input::-ms-input-placeholder, /* Microsoft Edge */ textarea::-ms-input-placeholder, select::-ms-input-placeholder { color: #999; font-family: "Inter", serif; font-display: auto; font-size: 14px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px transparent inset !important; box-shadow: 0 0 0 1000px transparent inset !important; -webkit-text-fill-color: inherit !important; transition: background-color 9999s ease-in-out 0s; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } /* 隐藏默认 checkbox */ input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 3px; /* 可选圆角 */ position: relative; cursor: pointer; outline: none; transition: all 0.2s ease; vertical-align: middle; } /* hover 效果，可选 */ input[type="checkbox"]:hover { border-color: #ff5300; } /* 勾选状态 */ input[type="checkbox"]:checked { background-color: #ff5300; border-color: #ff5300; } /* 自定义勾选图标（可选） */ input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 1px; left: 4px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } input[type="radio"] { accent-color: #ff5300; cursor: pointer; } .text-center{ text-align: center; } ul{ list-style: none; padding: 0; margin: 0; } .maximg img{ display: block; width: 100%; height: auto; } .amplify-img{ overflow: hidden; display: block; } .amplify-img img { display: block; transition: transform ease .4s; } .amplify-img img:hover{ transform: scale(1.1); } .bt-container{ max-width: 1408px; padding: 0 24px; margin: 0 auto; } .bt-main{ position: relative; } .admin-bar .bt-main{ margin-top: 32px; } @media screen and (max-width: 782px) { .admin-bar .bt-main{ margin-top: 46px; } } .bt-box-shadow{ box-shadow: 0 0 10px -1px rgba(129, 129, 129, 0.3); } .bt-border-radius{ border-radius: 15px; overflow: hidden; } .is-hover-lift { transition: all 0.4s ease; } .is-hover-lift:hover { transform: translateY(-10px); } .is-hover-shadow-lg { transition: all 0.4s ease; } .is-hover-shadow-lg:hover { box-shadow: 0 6px 18px -1px rgba(0, 0, 0, 0.15); } .price{ text-transform: capitalize; } .bt-default-bt-wrap{ display: flex; align-items: center; } .bt-default-bt{ display: flex; justify-content: center; align-items: center; height: 50px; padding: 0 24px; border-radius: 25px; background: #ff5300; color: #fff; font-size: 16px; font-weight: 500; margin-right: 15px; transition: all ease .4s; } .bt-middle-bt{ height: 38px !important; font-size: 14px !important; font-weight: 400 !important; } .bt-default-bt:hover{ color: #fff !important; box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.35); } .bt-default-bt i{ font-size: 18px; font-weight: 400; padding-left: 7px; transition: padding ease .4s; } .bt-default-bt:hover i{ padding-left: 15px; } .bt-default-bt-wrap .bt-default-bt:last-child{ margin-right: 0; } @media (max-width: 992px) { .bt-default-bt{ height: 46px; border-radius: 23px; margin-right: 10px; padding: 0 15px; font-size: 15px; } .bt-default-bt i{ font-size: 17px; } } /*头部样式*/ .top-adv{ position: sticky; top: 0; left: 0; right: 0; z-index: 9999; margin-left: auto; margin-right: auto; background: #1a1b1c; color: #fff; text-align: center; } body.admin-bar .top-adv{ top:32px; } .top-adv-inner{ padding: 22px 0; background: radial-gradient( circle, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 25%, rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.03) 65%, rgba(255, 255, 255, 0.00) 100% ); } .top-adv .top-adv-hd{ font-size: 16px; font-weight: 500; color: #ff5300; line-height: 19px; margin-bottom: 4px; } .top-adv .top-adv-strong{ font-size: 16px; font-weight: 500; color: #ff5300; line-height: 19px; margin-top: 4px; } .top-adv p{ margin: 0; font-size: 12px; line-height: 15px; } .top-adv a{ color: #fff; text-decoration: underline; } .top-adv a:hover{ color: #ff5300 !important; } .bt-header{ position: relative; width: 100%; left:0; top:0; z-index: 999; background: #fff; overflow-x: initial !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); } .bt-header.bt-header-fixed{ position: sticky; top: 0; left: 0; right: 0; z-index: 9999; margin-left: auto; margin-right: auto; } .width-top-adv.bt-header.bt-header-fixed{ top:81px; } body.admin-bar .width-top-adv.bt-header.bt-header-fixed{ top:113px; } .bt-header-inner{ display: flex; align-items: center; height: 80px; } .bt-logo-wrap{ margin-right: 30px; } .bt-logo-wrap h1.bt-logo{ margin-bottom: 0; margin-top: 0; } .bt-logo a{ display: block; } .bt-logo a img{ display: block; height: 56px; width: auto; max-width: unset; } .bt-header-right{ margin-left: auto; margin-right: 0; } .bt-main-nav{ margin: 0 auto; } .bt-primary-nav{ display: flex; align-items: center; margin-bottom: 0; } .bt-primary-nav a{ position: relative; } .bt-primary-nav li{ position: relative; } .bt-primary-nav li ul{ display: none; } .bt-primary-nav li.full-with-submenu>ul>li{ padding-right: 24px !important; flex:1; } .bt-primary-nav li.full-with-submenu>ul>li>ul>li>a{ line-height: 24px; display: block; } .bt-primary-nav li.full-with-submenu>ul>li>ul{ padding: 0; box-shadow: none; border-radius: 0; } .bt-primary-nav li.full-with-submenu li{ padding: 0 !important; } .bt-primary-nav li.full-with-submenu li a{ border-bottom: none !important; padding-right: 0; } .bt-primary-nav li.full-with-submenu li a .bt-primary-nav>li.full-with-submenu>ul li.menu-item-has-children>a:after{ display: none !important; } .bt-primary-nav li.full-with-submenu>ul{ display: none; justify-content: space-between; position: fixed; width: 100%; top: 89px !important; left: 0; right: 0; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; border-radius: 0; border:none; padding: 20px calc((100% - 1360px)/2); } .bt-primary-nav li.full-with-submenu:hover>ul{ display: flex !important; } .bt-primary-nav li.full-with-submenu>ul::before, .bt-primary-nav li.full-with-submenu>ul::after{ display: none; } .with-top-adv.bt-primary-nav li.full-with-submenu>ul{ top:160px !important; border-top:1px solid #e5e5e5; box-shadow: 0 10px 18px -14px rgba(0, 0, 0, 0.18); } .with-top-adv.bt-primary-nav.with-admin-bar li.full-with-submenu>ul{ top:192px !important; } .bt-primary-nav li.full-with-submenu>ul>li>ul{ position: relative; padding: 0; border-radius: 0; border:none; background: none; display: block; left:0; } .bt-primary-nav li.full-with-submenu>ul>li.two-column-online>ul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; } .clearfix:before, .clearfix:after{ display: none !important; } .bt-primary-nav li.full-with-submenu>ul>li>ul>li>a{ padding: 1px 0; } .bt-primary-nav li:hover>ul{ display: block; } .bt-primary-nav>li>ul>li>ul{ display: none; } .bt-primary-nav>li>ul>li:hover>ul{ display: block; } .bt-primary-nav>li>a{ display: block; padding: 30px 20px; font-weight: 500; font-size: 16px; } .bt-primary-nav>li.menu-item-has-children>a:after{ font-family: "iconfont" !important; font-display: auto; content: "\e60c"; position: absolute; right:0px; top:50%; margin-top: -6px; font-size: 14px; color: #999; } .bt-primary-nav li a:hover, .bt-primary-nav>li.current-menu-item>a{ color: #ff5300; } .bt-primary-nav>li.menu-item-has-children:hover>a:after{ transform: scaleY(-1); } .bt-header-right{ display: flex; align-items: center; } .bt-header-right-item{ position: relative; } .bt-header-right-item>a, .bt-header-right-item>.bt-top-search-button{ padding: 28.5px 12px; display: block; cursor: pointer; } .bt-header-right-item>a i, .bt-header-right-item>.bt-top-search-button i{ font-size: 22px; color: #444; } .bt-header-right .bt-header-right-item .gtranslate_wrapper{ padding-left: 12px; height: 80px; display: flex; flex-direction: column; justify-content: center; } .bt-header-right .bt-header-right-item .gtranslate_wrapper #gt_float_wrapper{ background: #f5f5f5; border-radius: 3px; padding: 2px 8px; } .bt-header-right .bt-header-right-item .gt_float_switcher img{ height: 16px !important; border-radius: 0 !important; width: auto; } .bt-header-right-item>span{ cursor: pointer; } .bt-header-right-item .gt_float_switcher .gt-selected { background-color: transparent; } .bt-header-right-item .gt_float_switcher{ background-color: transparent; font-size: 16px; border-radius: 0; box-shadow: none; /* font-family: "Inter", serif; */ padding-top: 4px; font-weight: normal; } .bt-header-right-item .gt_float_switcher .gt-selected .gt-current-lang{ font-weight: normal; } .bt-header-right-item .gt_float_switcher .gt_options a:hover{ background: #f5f5f5; } .bt-header-right-item .gt_float_switcher .gt-selected .gt-current-lang{ padding: 0; } .bt-header-right-item .gt_float_switcher .gt_options, .bt-primary-nav>li>ul{ position: absolute; top:80px; left:50%; -webkit-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; background: #fff; width: max-content; border-top:1px solid #e5e5e5; border-radius: 0 0 5px 5px; padding: 12px 0px; overflow-y: unset; max-height: unset; z-index: 9999; min-width: 180px; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.18); } .bt-primary-nav>li>ul li.menu-item-has-children>a{ font-weight: 500; color: #444; font-size: 15px; } .bt-primary-nav>li>ul li.menu-item-has-children>a:after{ font-family: "iconfont" !important; font-display: auto; content: "\e60c"; position: absolute; right: 0; top: 50%; margin-top: -6px; font-size: 14px; color: #999; transform: rotate(-90deg); } .bt-primary-nav>li>ul li.menu-item-has-children:hover>a:after{ color: #ff5300; } .bt-primary-nav>li>ul li, .bt-user-menu-list li{ padding: 0 16px; } .bt-primary-nav>li>ul>li>ul{ position: absolute; top:-1px; left:calc(100% - 1px); background: #fff; width: max-content; border-radius: 0 5px 5px 0px; z-index: 9999; padding: 8px 0; box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.18); } .bt-header-right-item .gt_float_switcher .gt_options a, .bt-primary-nav>li ul li a, .bt-user-menu-list li a{ display: block; font-size: 14px; padding: 10px 0px; } .bt-header-right-item .gt_float_switcher .gt_options a{ padding: 8px 12px; } .bt-primary-nav>li ul li a{ padding-right: 33px; } .bt-header-right-item .gt_float_switcher .gt_options a:last-child, .bt-primary-nav>li ul li:last-child a{ border-bottom: none; } .bt-header-search-form{ display: flex; align-items: center; height: 50px; border-radius: 5px; border:1px solid #e5e5e5; margin: 16px 0 10px 0; } .bt-header-search-form input.search-keyword{ height: 50px; width: 100%; border:none; background: none; color: #1a1b1c; padding: 0 15px; } .bt-header-search-form i{ font-size: 22px; color: #999; display: block; } .bt-header-search-form button.search-submit{ width: 50px; height: 50px; text-align: center; line-height: 50px; border:none; background: none; cursor: pointer; } .bt-header-loginform-pop, .bt-search-pop{ display: none; justify-content: center; align-items: center; position: fixed; z-index: 99999; width: 100%; height: 100%; top:0; left:0; background: rgba(0, 0, 0, .45); } .bt-login-form-wrap{ background: #fff; border-radius: 15px; padding: 60px; width: 500px; position: relative; } .bt-header-search-wrap{ background: #fff; border-radius: 15px; padding: 24px 30px; width: 500px; position: relative; } .bt-header-search-wrap h3{ font-size: 24px; font-weight: 600; color: #1a1b1c; line-height: 24px; } .bt-user-menu-pop{ position: absolute; top: 78px; left: 50%; -webkit-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%,0)!important; transform: translate(-50%, 0) !important; background: #fff; width: max-content; border-top: 1px solid #e5e5e5; border-radius: 0 0 5px 5px; padding: 12px 0; overflow-y: unset; max-height: unset; z-index: 9999; min-width: 180px; box-shadow: 0 10px 24px -12px rgb(0 0 0 / .18); display: none; } .top-user-avatar img{ display: block; width: 22px; height: 22px; border-radius: 50%; } .bt-header-user-item:hover .bt-user-menu-pop{ display: block; } .bt-login-form-wrap .close-popoup, .bt-search-pop .close-search-popoup{ position: absolute; top:16px; right:16px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .bt-login-form-wrap .close-popoup i, .bt-search-pop .close-search-popoup i{ color: #ff5300; font-size: 20px; } .bt-login-form-wrap .close-popoup:hover i, .bt-search-pop .close-search-popoup:hover i{ opacity: .8; } #bt-loginform-pop p input.button{ background: #ff5300; } .bt-default-form form label{ display: block; font-size: 15px; color: #666; margin-bottom: 10px; } .bt-loginregister-wrap form .login-username label::after, .bt-loginregister-wrap form .login-password label::after{ content: '*'; color: #ff5300; padding-left: 5px; font-size: 15px; } .bt-loginregister-wrap form>p{ margin-top: 24px; } .login-remember-lost-pass{ margin-top: 24px; display: flex; align-items: center; justify-content: space-between; } .login-remember-lost-pass a{ color: #ff5300; } .login-remember-lost-pass .login-remember label{ margin-bottom: 0; display: flex; align-items: center; } .login-remember-lost-pass .login-remember label input{ margin-right: 8px; } .bt-loginregister-wrap h3, .bt-loginregister-wrap h2{ text-align: center; font-size: 24px; font-weight: 600; color: #1a1b1c; margin-bottom: 15px; } .login-submit input.button{ width: 100%; height: 50px; border-radius: 5px; background: #ff5300 !important; border:none; color: #fff !important; font-size: 16px; font-weight: 600; text-align: center; cursor: pointer; opacity: 1; transition: opacity ease .4s; } .bt-register-link a{ display: block; width: 100%; height: 50px; line-height: 50px; border-radius: 5px; border:1px solid #ff5300; color: #ff5300; font-size: 16px; font-weight: 600; text-align: center; opacity: 1; transition: opacity ease .4s; } .login-submit input.button:hover, .bt-register-link a:hover{ opacity: .8; } .bt-login-form-wrap form>p.bt-register-link{ margin-top: 15px; } ul.bt-search-brands{ display: flex; flex-wrap: wrap; } ul.bt-search-brands li{ margin-right: 10px; font-size: 15px; color: #1a1b1c; } ul.bt-search-brands li span{ color: #999; } ul.bt-search-brands li span, ul.bt-search-brands li a{ display: block; padding: 5px 0; } ul.bt-loginform-pop-nav{ padding-top: 10px; margin-bottom: 10px; } .bt-header-mini-cart{ position: relative; display: block; padding: 28.5px 12px; } .bt-header-mini-cart i{ font-size: 22px; color: #444; } .bt-header-mini-cart span{ display: block; width: 18px; height: 18px; border-radius: 50%; background: #ff5300; color: #fff; text-align: center; line-height: 18px; font-size: 12px; position: absolute; top:22px; right:2px; } .bt-custom-mini-cart{ position: fixed; z-index: 9999; width: 100%; height: 100%; left:0; top:0; background: rgba(0, 0, 0, .4); display: none; } .bt-custom-mini-cart.active{ display: block; } .bt-custom-mini-cart .widget_shopping_cart{ width: 0; background: #fff; position: absolute; top:0; right:0; bottom: 0; transition: width ease .4s; margin-bottom: 0; } .admin-bar .bt-custom-mini-cart .widget_shopping_cart{ top:32px; } .bt-custom-mini-cart.active .widget_shopping_cart{ width: 420px; } .bt-custom-mini-cart .widget_shopping_cart .bt-mini-cart-widgettitle{ display: flex; align-items: center; justify-content: space-between; padding: 13px 16px 13px 24px; border-bottom: 1px solid #e5e5e5; } .bt-mini-cart-widgettitle h3{ font-size: 20px; line-height: 20px; color: #1a1b1c; font-weight: 600; } .bt-mini-cart-widgettitle i{ font-size: 20px; color: #ff5300; cursor: pointer; padding: 8px; } .bt-mini-cart-widgettitle span:hover{ color: #ff5300; } .bt-custom-mini-cart .shopping_cart_content p.total{ display: flex; justify-content: space-between; align-items: center; padding: 14.5px 24px; margin: 0 -24px; background: #f8f8f8; text-transform: initial; font-size: 16px; font-weight: 500; border:none !important } .bt-custom-mini-cart .shopping_cart_content p.total strong{ color: #1a1b1c; } .bt-custom-mini-cart .widget_shopping_cart_content{ padding: 24px; } .bt-custom-mini-cart .shopping_cart_content p.buttons{ margin-top: 24px; display: flex; justify-content: space-between; align-items: center; } .bt-custom-mini-cart .shopping_cart_content .total .amount{ font-size: 18px; font-weight: 600; color: #ff5300; } .bt-custom-mini-cart .shopping_cart_content p.buttons .btn{ height: 45px; text-align: center; line-height: 45px; border-radius: 5px; font-size: 15px; display: block; width: calc(50% - 8px); border:none; text-transform: initial; color: #fff; transition: box-shadow ease .4s; background: #ff5300; text-transform: uppercase; } .bt-custom-mini-cart .shopping_cart_content p.buttons .btn:first-child{ background: #1a1b1c; } .bt-custom-mini-cart .shopping_cart_content p.buttons .btn:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.23); color: #fff !important; } .bt-custom-mini-cart .shopping_cart_content .cart_list .image{ width: 80px; height: 80px; background: #f5f5f5; border-radius: 5px; padding: 5px; display: block !important; overflow: hidden; } .bt-custom-mini-cart .shopping_cart_content .cart_list .image img{ display: block; width: 100%; height: 100%; object-fit: contain; } .bt-custom-mini-cart .media-left{ margin-right: 20px; } .bt-custom-mini-cart .shopping_cart_content{ display: flex; flex-direction: column; height: 100%; position: relative; } .bt-custom-mini-cart .shopping_cart_content .cart-bottom{ margin-top: auto; margin-bottom: 0; width: 100%; } .bt-shopping-cart-widget-body{ position: relative; flex: 1 1 auto; --scrollbar-track-bg: rgba(0, 0, 0, 0.05); --scrollbar-thumb-bg: rgba(0, 0, 0, 0.12); } .bt-shopping-cart-widget-body .bt-scroll-content{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-height: 100%; overflow-x: hidden; overflow-y: auto; /* Firefox */ scrollbar-width: none; /* IE / Edge Legacy（可忽略但安全） */ -ms-overflow-style: none; } .bt-shopping-cart-widget-body .bt-scroll-content::-webkit-scrollbar { width: 0; height: 0; display: none; } .bt-custom-mini-cart .shopping_cart_content .cart_list{ width: 100%; max-height: calc(100% - 24px); overflow-y: auto; overflow-x: hidden; } .bt-custom-mini-cart .shopping_cart_content .cart_list::-webkit-scrollbar{ width: 0; height: 0; display: none; } .bt-custom-mini-cart .widget_shopping_cart_content{ height: calc(100% - 60px); } .bt-custom-mini-cart .shopping_cart_content .cart_list .cart-main-content{ display: flex; flex-direction: column; flex:1; } .mini-cart-quantity-remove{ display: flex; justify-content: space-between; align-items: center; margin-top: auto; margin-bottom: 0; } .bt-custom-mini-cart .shopping_cart_content .cart_list .widget-product{ display: flex; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #e5e5e5; } .bt-custom-mini-cart .shopping_cart_content .cart_list .name{ width: 100%; margin-bottom: 10px; } .bt-custom-mini-cart .shopping_cart_content .cart_list .name a{ color: #1a1b1c; line-height: 24px; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 500; } .bt-custom-mini-cart .shopping_cart_content .cart_list .name a:hover{ color: #ff5300; } .bt-custom-mini-cart .shopping_cart_content .cart_list span.quantity{ display: block; color: #ff5300; font-size: 15px; font-weight: 500; } .shopping_cart_content .cart_list .cart-main-content .remove{ background: none !important; } .shopping_cart_content .cart_list .cart-main-content .remove i{ font-size: 26px; color: #999; font-weight: 100; } .shopping_cart_content .cart_list .cart-main-content .remove:hover i{ color: #ff5300; } .bt-custom-mini-cart.bt-empty-mini-cart .shopping_cart_content .cart_list{ margin-top: auto; margin-bottom: 0; } .bt-custom-mini-cart.bt-empty-mini-cart .shopping_cart_content .cart-bottom{ display: none; } #back-to-top { position: fixed; bottom: 30px; left: 30px; background-color: #ff5300; border-radius: 50%; z-index: 1000; cursor: pointer; transition: opacity 0.3s,visibility 0.3s; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; } #back-to-top i { font-size: 24px; color: #fff; } #back-to-top:hover { opacity: .8; } /*移动端菜单样式*/ .phone-menu{ display: none; } .iphone__screen { width: 100%; height: 54px; position: absolute; top: 0; right: 0; left: 0; z-index: 99 } .nav { position: absolute; z-index: 999; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms } .nav--active { height: 100%!important; } .nav--active .nav { opacity: 1 } .nav__list { margin: 0; padding-top: 10px; border-top: 1px solid #e5e5e5; } .nav__list li { list-style-type: none } .nav__list li { padding: 0 24px; position: relative; line-height: 50px } .nav__list li a { font-size: 16px; text-transform: uppercase; text-decoration: none; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; line-height: 50px; display: flex } .nav__list li.current-menu-item>a,.nav__list li:hover>a { color: #ff5300; } .nav__list li.menu-item-has-children>span.phone-nav-arrow { position: absolute; right: 0; top: 0; line-height: 50px; z-index: 2; display: flex; cursor: pointer; width: 50px; height: 50px; transform: rotate(-90deg); align-items: center; flex-direction: column; } .nav__list li.menu-item-has-children>span.phone-nav-arrow::after{ font-family: "iconfont" !important; font-display: auto; content: "\e60c"; font-size: 18px; color: #999; font-weight: 100; } .nav-back-arrow { display: flex; width: 12px; margin-right: 10px; height: 50px; cursor: pointer; transform: rotate(90deg); align-items: center; flex-direction: column; } .nav-back-arrow::after{ font-family: "iconfont" !important; font-display: auto; content: "\e60c"; font-size: 18px; color: #999; font-weight: 100; } .menu-header-event-wpbakery-container { height: 100% } .nav__list li.menu-item-has-children.active>.sub-menu { display: block } .nav__list>li.menu-item-has-children.show span.iconfont { -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; transform: rotateX(180deg) } .nav__list li.show>.sub-menu { display: block } .nav__list li .sub-menu { position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background: #fff; display: none; padding-top: 10px; z-index: 3; height: 100% } .nav__list>li.menu-item-has-children span.iconfont { transform: rotate(90deg) } .nav__trigger { display: flex; position: absolute; width: 30px; left: 24px; z-index: 200; padding: 26px 0; height: 54px } .nav__icon { display: inline-block; position: relative; width: 25px; height: 2px; background-color: #444444; -webkit-transition-property: background-color,-webkit-transform; transition-property: background-color,-webkit-transform; transition-property: background-color,transform; transition-property: background-color,transform,-webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; margin-bottom: 3px } .nav__icon:before,.nav__icon:after { content: ''; display: block; width: 25px; height: 2px; position: absolute; background: #444444; -webkit-transition-property: margin,-webkit-transform; transition-property: margin,-webkit-transform; transition-property: margin,transform; transition-property: margin,transform,-webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms } .nav__icon:before { margin-top: -9px } .nav__icon:after { margin-top: 9px } .style-1 .nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; top: 54px; position: fixed; bottom: 0; overflow-y: auto; /* Firefox */ scrollbar-width: none; /* IE / Edge Legacy（可忽略但安全） */ -ms-overflow-style: none; } .admin-bar .style-1 .nav{ top:86px; } .style-1 .nav::-webkit-scrollbar { width: 0; height: 0; display: none; } .style-1 .nav__link { opacity: 0; -webkit-transition-delay: 500ms; transition-delay: 500ms } .style-1 .nav--active .nav__link { opacity: 1; font-size: 16px; line-height: 45px } .style-1 .nav--active .nav { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(0); transform: translateX(0); background: #fff; padding-bottom: 30px } .style-1 .nav--active .nav__icon { background: #fff0 } .style-1 .nav--active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .style-1 .nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } @media (max-width: 992px) { .bt-user-menu-pop{ top:54px; } .top-adv{ display: none; } .bt-main-nav{ display: none; } body.admin-bar .width-top-adv.bt-header.bt-header-fixed{ top:32px } .width-top-adv.bt-header.bt-header-fixed{ top:0; } .bt-header-user-item .bt-top-login-button, .bt-header-right .bt-header-gtranslate{ display: none; } .bt-header-cart{ margin-right: -8px; } .bt-header-inner{ height: 54px; } .bt-logo a img{ height: 32px; } .bt-logo{ position: absolute; z-index: 9999; top:50%; left:50%; transform: translate(-50%, -50%); } .bt-header-right-item>a, .bt-header-right-item>.bt-top-search-button{ padding: 16px 10px; } .phone-menu{ display: block; } .bt-header-right{ position: relative; z-index: 9999; } .bt-top-search-button{ display: none !important; } .bt-header-mini-cart i{ font-size: 26px; } .bt-mini-cart-widgettitle h3{ font-size: 18px; line-height: 18px; } .bt-custom-mini-cart .widget_shopping_cart .bt-mini-cart-widgettitle{ padding-top: 8px; padding-bottom: 8px; } .bt-login-form-wrap{ width: calc(100% - 30px); padding: 35px 24px; } .bt-header-search-wrap{ width: calc(100% - 30px); padding: 24px; } .bt-header-search-wrap h3{ font-size: 20px; } } @media (max-width: 782px) { html #wpadminbar{ position: fixed !important; } body.admin-bar .width-top-adv.bt-header.bt-header-fixed{ top:46px; } .admin-bar .style-1 .nav{ top:100px; } .admin-bar .bt-custom-mini-cart .widget_shopping_cart{ top:46px; } } @media (min-width: 993px) and (max-width: 1135px) { .bt-logo-wrap{ margin-right: 10px; } .bt-logo a img{ height: 38px; } .bt-primary-nav>li>a{ padding: 30px 14px; font-size: 14px; } .bt-header-right-item>a, .bt-header-right-item>.bt-top-search-button, .bt-header-mini-cart{ padding: 28.5px 8px; } .bt-header-right .bt-header-right-item .gtranslate_wrapper #gt_float_wrapper{ padding: 0 4px; } .bt-header-right .bt-header-right-item .gt_float_switcher img{ height: 14px !important; margin-right: 3px; } .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{ font-size: 14px; } } /* 小桌面 */ @media (min-width: 1136px) and (max-width: 1260px) { .bt-primary-nav>li>a{ padding: 30px 18px; font-size: 15px; } } /*底部样式*/ #chatra.chatra--side-bottom{ bottom: 100px !important; } footer.bt-footer{ color: #fff; background: #1a1b1c; } .bt-footer-top{ padding: 60px 0; } .bt-footer-bottom{ padding: 24px 0; border-top: 1px solid rgba(255, 255, 255, .1); font-weight: 400; font-size: 15px; opacity: .8; } .bt-footer-bottom a{ color: #ff5300; opacity: 1; } .bt-footer-bottom p:last-child{ margin-bottom: 0; } .phone-footer-nav{ margin-top: -3px; } .bt-footer-top-inner{ display: flex; justify-content: space-between; align-items: flex-start; } .bt-footer-top-l{ width: 22%; flex:unset; } .bt-footer-top-c{ flex:1; } .bt-footer-top-r{ flex:unset; } .bt-footer-logo a{ display: block; } .bt-footer-logo a img{ display: block; height: 68px; width: auto; } .bt-footer-profile{ font-size: 15px; line-height: 26px; margin-top: 24px; opacity: .8; } .bt-footer-profile p{ margin-bottom: 16px; } .bt-footer-profile p:last-child{ margin-bottom: 0; } .bt-footer-socials{ margin-top: 25px; display: flex; margin-bottom: 0; } .bt-footer-socials li{ margin-right: 20px; } .bt-footer-socials li:last-child{ margin-right: 0; } .bt-footer-socials li a{ display: block; } .bt-footer-socials li a img{ height: 50px; width: auto; } .bt-footer-socials li a:hover{ opacity: .8; } .bt-footer-nav{ display: flex; justify-content: space-between; width: 100%; padding: 0 4%; } .bt-footer-nav>li>a, .bt-footer-top-r .bt-footer-menu-hd{ display: block; font-size: 20px; color: #fff; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; margin-top: 0; } .bt-footer-nav>li>ul{ margin-top: -3px; } .bt-footer-nav>li>ul>li>a{ display: block; padding: 3px 0; font-size: 15px; line-height: 32px; color: #fff; opacity: .8; } .bt-footer-nav li ul li a:hover{ color: #ff5300; opacity: 1; } .bt-footer-phones{ margin-top: -3px; } .bt-footer-phones li { display: flex; align-items: center; } .bt-footer-phones li img { display: block; width: 22px; height: auto; margin-right: 10px } .bt-footer-phones li a { font-size: 15px; line-height: 32px; color: #fff; opacity: .8; font-weight: 500; padding: 3px 0; } .bt-footer-phones li a:hover { color: #ff5300; opacity: 1; } .phone-footer-nav{ display: none; position: fixed; width: 100%; left:0; bottom:0; z-index: 999; background: #fff; padding: 10px 0; justify-content: center; align-items: center; height: 60px; border-top:1px solid #e5e5e5; box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.10); } .phone-footer-nav li{ flex:1; display: flex; justify-content: center; align-items: center; } .phone-footer-nav li img{ display: block; width: auto; height: 20px; } .phone-footer-nav li a{ font-size: 15px; color: #1a1b1c; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .phone-footer-nav li a:hover{ color: #ff5300; } .phone-footer-nav li a .cart-num{ display: block; width: 18px; height: 18px; border-radius: 50%; background: #ff5300; color: #fff; text-align: center; line-height: 18px; font-size: 12px; position: absolute; top: -9px; right: -9px; } .phone-footer-nav li a span{ font-size: 13px; display: block; line-height: 14px; margin-top: 3px; } .bt-qrcode-popup-wrapper { position: fixed; right: 30px; bottom: 155px; z-index: 10; } .bt-qrcode-trigger { width: 56px; height: 56px; background-color: #ff5300; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } .bt-qrcode-trigger span { font-size: 14px; } .bt-qrcode-trigger i{ font-size: 28px; color: #fff; } .bt-qrcode-popup { position: absolute; right: 0; bottom: 70px; width: 280px; background-color: #fff; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); display: none; z-index: 1000; } .bt-qrcode-popup-inner { padding: 20px; text-align: center; position: relative; } .bt-close-qrcode { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; cursor: pointer; } .bt-close-qrcode:before, .bt-close-qrcode:after { content: ''; position: absolute; width: 16px; height: 2px; background-color: #333; top: 50%; left: 0; } .bt-close-qrcode:before { transform: rotate(45deg); } .bt-close-qrcode:after { transform: rotate(-45deg); } .bt-qrcode-image { margin: 10px auto; width: 200px; height: 200px; } .bt-qrcode-image img { width: 100%; height: 100%; object-fit: contain; } .bt-qrcode-popup p { margin-top: 15px; margin-bottom: 0; font-size: 14px; color: #666; } .phone-grtanslate { position: fixed; z-index: 99; left: 16px; bottom: 80px; width: 56px; height: 56px; border-radius: 50%; background: #2E2B3B; align-items: center; justify-content: center; display: none } .phone-grtanslate .gt_switcher-popup>span { display: none!important } .phone-grtanslate .gt_switcher-popup>img { border: 1px solid rgb(255 255 255 / .5); border-radius: 3px } /* 图片自适应 */ #bt-track-float-btn i{ font-size: 28px; color: #fff; transition: transform 0.3s; } .track-btn i { font-size: 18px; color: #fff; transition: transform 0.3s; padding-right: 4px; } #bt-track-float-btn { position: fixed; right: 30px; bottom: 225px; z-index: 10; background: #ff5300; border-radius: 50px; cursor: pointer; border: none; transition: all 0.3s; /* 改为all过渡 */ width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; } /* 弹窗遮罩 */ #bt-track-modal-mask { display: none; position: fixed; z-index: 10000; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); } /* 弹窗主体 */ #bt-track-modal { display: none; position: fixed; z-index: 10001; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 18px; width: 420px; max-width: 95vw; box-shadow: 0 8px 32px rgba(0,0,0,0.18); padding: 0 0 30px 0; max-height: 90vh; display: flex; flex-direction: column; } /* 头部 */ #bt-track-modal-header { background: #ff5300; border-radius: 18px 18px 0 0; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } #bt-track-modal-header .title { color: #fff; font-size: 22px; font-weight: 600; letter-spacing: 1px; } #bt-track-modal-header .close { color: #fff; font-size: 22px; cursor: pointer; font-weight: bold; border: none; background: none; } /* tab切换 */ #bt-track-tabs { display: flex; border-bottom: 1px solid #e5e5e5; margin: 0 24px; margin-top: 18px; flex-shrink: 0; } #bt-track-tabs .tab { flex: 1; text-align: center; padding: 12px 0; font-size: 17px; cursor: pointer; color: #1a1b1c; border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s; } #bt-track-tabs .tab.active { color: #ff5300; border-bottom: 2px solid #ff5300; font-weight: bold; } /* 表单内容 */ #bt-track-form { padding: 18px 24px 0 24px; overflow-y: auto; flex: 1; } #bt-track-form label { font-size: 15px; color: #444; margin-bottom: 6px; display: block; } #bt-track-form input[type="text"], #bt-track-form input[type="email"], #bt-track-form input[type="tel"] { width: 100%; padding: 10px 12px; border: 1px solid #e5e5e5; border-radius: 8px; font-size: 15px; margin-bottom: 16px; box-sizing: border-box; } #bt-track-form .radio-group { display: flex; align-items: center; margin-bottom: 16px; } #bt-track-form .radio-group label { margin-right: 18px; font-size: 15px; color: #444; margin-bottom: 0; } #bt-track-form .radio-group input[type="radio"] { margin-right: 6px; } #bt-track-form .error { color: #e53935; font-size: 14px; margin-bottom: 10px; text-align: left; display: block; } #bt-track-form .track-btn { width: 100%; background: #ff5300; color: #fff; border: none; border-radius: 8px; padding: 12px 0; font-size: 18px; margin-top: 8px; cursor: pointer; transition: background 0.2s; display: flex; justify-content: center; align-items: center; } #bt-track-form .track-btn:hover { background: #ff5300; } /* 多物流信息展示区域样式 */ .tracking-info { padding: 20px; background: #fff; border-radius: 12px; display: flex; flex-direction: column; height: 100%; } .tracking-message { color: #444; font-size: 15px; margin-bottom: 20px; line-height: 1.5; flex-shrink: 0; } .tracking-list { display: flex; flex-direction: column; gap: 12px; overflow-y: auto; flex: 1; padding-right: 5px; } .tracking-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #f5f5f5; border-radius: 8px; border: 1px solid #e5e5e5; flex-shrink: 0; } .tracking-item .carrier { font-weight: 500; color: #444; font-size: 15px; } .tracking-item .tracking-number { color: #666; font-size: 14px; margin: 0 12px; } .tracking-item .track-link { background: #ff5300; color: #fff; padding: 6px 16px; border-radius: 6px; text-decoration: none; font-size: 14px; transition: background 0.2s; } .tracking-item .track-link:hover { background: #ff5300; } .back-btn { display: block; width: 100%; margin-top: 20px; padding: 12px; background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 8px; color: #666; font-size: 15px; cursor: pointer; transition: all 0.2s; } .back-btn:hover { background: #eee; color: #444; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } input::placeholder { color: #999; } #main.is-chat-closed .header{ background: #2db742 !important; } @media (max-width: 992px) { .bt-footer-top-c{ margin: 24px 0; } .bt-footer-nav{ display: block; padding: 0; } ul.bt-footer-nav>li{ margin-bottom: 24px; } ul.bt-footer-nav>li:last-child{ margin-bottom: 0; } .bt-footer-top{ padding: 36px 0; } .bt-footer-top-l{ width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; } .bt-footer-logo a img{ height: 50px; } .bt-footer-bottom{ padding: 20px 0; } .phone-footer-nav{ display: flex; } .bt-footer-socials li a img{ height: 42px; } .bt-footer-socials{ margin-top: 18px; } footer.bt-footer{ padding-bottom: 60px; } .bt-qrcode-trigger { width: 42px; height: 42px; } .bt-qrcode-trigger i{ font-size: 20px; color: #fff; } .bt-qrcode-popup-wrapper{ right: 15px; bottom: 130px; } #back-to-top { width: 42px; height: 42px; left:15px; bottom: 76px; } #back-to-top i { font-size: 18px; } .wa__btn_popup .wa__btn_popup_icon{ width: 42px; height: 42px; } .wa__btn_popup{ right:15px !important; bottom: 74px !important; } .wa__btn_popup .wa__btn_popup_icon:before{ background-size: 50%; } .wa__popup_chat_box{ right: 15px !important; bottom: 125px !important; } .bt-custom-mini-cart.active .widget_shopping_cart{ width: calc(100% - 24px); } #bt-track-float-btn { right: 15px; bottom: 188px; width: 42px; height: 42px; } #bt-track-float-btn i{ font-size: 20px; } #main.is-chat-closed .header{ display: none !important; } .bt-qrcode-popup{ bottom: 68px; } .banner-bgimgs img.banner-bgimg-phone{ display: block; } .banner-bgimgs img.banner-bgimg-pc{ display: none; } #bt-track-modal{ width: calc(100% - 30px); } } /* 小桌面 */ @media (min-width: 1136px) and (max-width: 1260px) { .bt-footer-profile, .bt-footer-nav>li>ul>li>a, .phone-footer-nav li a, .bt-footer-bottom{ font-size: 14px; } .bt-footer-socials li a img{ height: 42px; } } /*产品币种样式*/ .bt-product-coins{ display: flex; align-items: center; } .product-coin-item{ width: 26px; height: 26px; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28); } .bt-product-coins .product-coin-item{ margin-left: -7px; } .product-coin-item img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; background: #fff; border-radius: 50%; } .bt-product-coins .product-coin-item:first-child{ margin-left: 0; } /*默认产品列表样式*/ .bt-products.products-grid{ display: flex; flex-wrap: wrap; margin-right: -24px; margin-bottom: -24px; } .bt-products.products-grid li{ width: 25%; padding-right: 24px; margin-bottom: 24px; float: none; } .bt-product-item{ padding: 24px; background: #fff; height: 100%; } .bt-product-item-top{ position: relative; } .product-thumb{ position: relative; overflow: hidden; padding-bottom: 100%; display: block; } .product-thumb img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; transition: transform ease .4s; } .bt-product-item:hover .product-thumb img{ transform: scale(1.1); } .bt-product-item-top .bt-product-coins{ position: absolute; top:0; left:0; } .bt-product-item-top .bt-pro-hashrate{ position: absolute; right:0; top:0; background: #f1f1f1; color: #ff5300; font-size: 13px; height: 26px; line-height: 26px; border-radius: 13px; padding: 0 10px; } body .bt-product-item-top .button{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%, -50%); opacity: 0; transition: opacity ease .4s; display: block; height: 45px; line-height: 43px; border-radius: 23px; background: #ff5300; color: #fff !important; font-size: 15px; z-index: -99999; padding: 0 20px; white-space: nowrap; } body .bt-product-item-top .button:hover{ background: #ff5300 !important; } body .bt-product-item:hover .bt-product-item-top .button{ opacity: 1; z-index: 2; } .bt-product-item-bottom h3{ margin-top: 12px; } .bt-product-item-bottom h3 a{ font-size: 18px; line-height: 24px; color: #2c2d2e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bt-product-item-bottom h3 a:hover{ text-decoration: underline; } .bt-product-item-metas { font-size: 14px; margin-top: 12px; } .bt-product-item-bottom>.price{ font-size: 18px; font-weight: 700; color: #ff5300; margin-top: 12px; display: block; } .product-lists-swiper .swiper{ padding: 20px; margin: -20px; } .product-lists-swiper .swiper-button-next, .product-lists-swiper .swiper-button-prev { width: 36px; height: 36px; margin-top: -18px; background: #fff; border-radius: 50%; box-shadow: 0 0 27px rgba(129, 129, 129, 0.45); } .product-lists-swiper .swiper-button-next:after, .product-lists-swiper .swiper-button-prev:after { font-size: 14px; color: #444 } .product-lists-swiper .swiper-button-prev, .product-lists-swiper .swiper-rtl .swiper-button-next { left: 44px; } .product-lists-swiper .swiper-button-next, .product-lists-swiper .swiper-rtl .swiper-button-prev { right: 44px; } .product-lists-swiper .swiper-horizontal>.swiper-pagination-bullets, .product-lists-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .product-lists-swiper .swiper-pagination-custom,.swiper-pagination-fraction { bottom: 0; position: relative; margin-top: 24px; } .product-lists-swiper .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 50%; background: none; opacity: 1; border: 2px solid #ff5300 } .product-lists-swiper .swiper-pagination-bullet-active { opacity: 1; background: #ff5300 } .product-lists-swiper .swiper-slide{ height: auto; } /*客户评价样式*/ .customer-reviews-lists{ display: flex; flex-wrap: wrap; align-items: normal; margin-right: -24px; margin-bottom: -24px; } .customer-reviews-lists li{ width: 33.33%; padding-right: 24px; margin-bottom: 24px; } .customer-review-item{ background: #fff; height: 100%; } .review-cover{ overflow: hidden; padding-bottom: 65%; position: relative; } .review-cover img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; } html body .star-rating { margin: auto 0; overflow: hidden; position: relative; height: 20px; margin-left: -3px; font-family: "iconfont" !important; font-size: 22px !important; width: 115px !important; margin-top: 5px; } html body .star-rating:before { content: "\eaaa\eaaa\eaaa\eaaa\eaaa" !important; color: #ff5300; top: 0; left: 0; position: absolute; letter-spacing: 1px } html body .star-rating span { overflow: hidden; top: 0; left: 0; position: absolute; padding-top: 1.5em } html body .star-rating span:before { content: "\e674\e674\e674\e674\e674" !important; top: 0; position: absolute; left: 0; color: #ff5300; letter-spacing: 1px } .review-content{ padding: 30px; } .review-content-hd{ display: flex; align-items: center; } .review-content-hd .review-avatar{ width: 60px; height: 60px; border-radius: 50%; border:3px solid #ff5300; overflow: hidden; margin-right: 15px; flex:none; } .review-content-hd .review-avatar img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .review-content-hd-r h3{ font-size: 20px; color: #2c2d2e; } .review-content-bd{ font-size: 16px; line-height: 26px; color: #444; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .review-content-bd img{ display: block; width: 100%; height: auto; margin: 10px 0; } @media (max-width: 992px) { .review-content-hd .review-avatar{ margin-right: 10px; } .review-content{ padding: 24px; } .review-content-hd .review-avatar{ width: 51px; height: 51px; } .review-content-hd-r h3{ font-size: 18px; } .star-rating{ margin-top: 0; } .customer-reviews-lists li{ width: 100%; } } /*通用swiper样式*/ .bt-default-three-cards-swiper .swiper { padding: 20px; margin: -20px } .bt-default-three-cards-swiper .swiper-button-next, .bt-default-three-cards-swiper .swiper-button-prev { width: 36px; height: 36px; margin-top: -18px; background: #fff; border-radius: 50%; box-shadow: 0 0 27px rgb(129 129 129 / .45) } .bt-default-three-cards-swiper .swiper[data-pagination="1"] .swiper-button-next, .bt-default-three-cards-swiper .swiper[data-pagination="1"] .swiper-button-prev{ margin-top: -36px; } .bt-default-three-cards-swiper .swiper-button-next:after, .bt-default-three-cards-swiper .swiper-button-prev:after { font-size: 14px; color: #444 } .bt-default-three-cards-swiper .swiper-button-prev, .bt-default-three-cards-swiper .swiper-rtl .swiper-button-next { left: 44px } .bt-default-three-cards-swiper .swiper-button-next, .bt-default-three-cards-swiper .swiper-rtl .swiper-button-prev { right: 44px } .bt-default-three-cards-swiper .swiper-horizontal>.swiper-pagination-bullets, .bt-default-three-cards-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .bt-default-three-cards-swiper .swiper-pagination-custom,.swiper-pagination-fraction { bottom: 0; position: relative; margin-top: 24px } .bt-default-three-cards-swiper .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 50%; background: none; opacity: 1; border: 2px solid #ff5300 } .bt-default-three-cards-swiper .swiper-pagination-bullet-active { opacity: 1; background: #ff5300 } .bt-default-three-cards-swiper .swiper-slide { height: auto } @media (max-width: 992px) { .bt-default-three-cards-swiper .swiper-button-prev, .bt-default-three-cards-swiper .swiper-rtl .swiper-button-next { left: 3px !important; } .bt-default-three-cards-swiper .swiper-button-next, .bt-default-three-cards-swiper .swiper-rtl .swiper-button-prev { right: 3px !important; } .bt-default-three-cards-swiper .swiper-horizontal>.swiper-pagination-bullets, .bt-default-three-cards-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .bt-default-three-cards-swiper .swiper-pagination-custom,.swiper-pagination-fraction { display: none !important; } .bt-default-three-cards-swiper .swiper[data-pagination="1"] .swiper-button-next, .bt-default-three-cards-swiper .swiper[data-pagination="1"] .swiper-button-prev{ margin-top: -18px; } } /*博客卡片列表*/ .posts-cards-lists{ display: flex; flex-wrap: wrap; margin-right: -24px; margin-bottom: -24px; } .posts-cards-lists li{ width: 33.33%; padding-right: 24px; margin-bottom: 24px; } .post-card-item{ height: 100%; background: #fff; } .post-card-item .post-card-item-content{ padding: 24px; } .post-item-metas{ display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -10px; } .post-card-item-content .post-item-metas{ margin-bottom: 10px; } .post-item-meta-item{ display: flex; align-items: center; margin-right: 15px; color: #999; font-size: 14px; font-weight: 300; margin-bottom: 10px; } .post-item-meta-item i{ color: #ff5300; font-size: 16px; padding-right: 10px; } .post-item-meta-item a{ color: #999; } .post-card-item-content h3 a{ font-size: 24px; color: #2c2d2e; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .post-card-item-content h3 a:hover{ text-decoration: underline; } .post-card-item-content .post-card-description{ font-size: 16px; color: #444; line-height: 24px; margin-top: 10px; } .post-card-item .post-thumbnail{ position: relative; display: block; overflow: hidden; padding-bottom: 65%; } .post-card-item .post-thumbnail img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; } @media (max-width: 992px) { .post-card-item-content h3 a{ font-size: 18px; line-height: 24px; } .posts-cards-lists li{ width: 100%; } } /*内页banner*/ .inner-page-banner{ background-color: #1a1b1c; color: #fff; background-position: center; background-size: cover; } .inner-page-banner-wrap{ height: 280px; padding: 24px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .inner-page-banner-wrap h1.inner-page-banner-title{ font-size: 42px; } .bt-breadcrumb{ font-size: 14px; font-weight: 300; } .bt-breadcrumb .aioseo-breadcrumbs{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner-banner-breadcrumb{ margin-top: 10px; } .inner-banner-breadcrumb a{ color: #fff; } @media (max-width: 992px) { .inner-page-banner-wrap h1.inner-page-banner-title{ font-size: 30px; } .inner-page-banner-wrap{ height: 220px; } } /*产品列表页-侧边栏-有通用样式*/ .page-main-wrap{ display: flex; justify-content: space-between; padding: 45px 0; align-items: normal; } .bt-sidebar{ width: calc(30% - 12px); height: 100%; } .products-lists-wrap .bt-sidebar{ width: calc(25% - 12px); position: relative; } .page-main-wrap-con{ width: calc(70% - 12px); height: 100%; } .products-lists-wrap .page-main-wrap-con{ width: calc(75% - 12px); } .products-lists-sidebar .widget_search{ margin-bottom: 24px; } .widget_search form>label.wp-block-search__label{ display: none; } .widget_search .wp-block-search__inside-wrapper{ display: flex; align-items: center; border:1px solid #ccc; border-radius: 5px; background: #f5f5f5; } .widget_search .wp-block-search__inside-wrapper input.wp-block-search__input{ height: 50px; line-height: 50px; padding: 0 0px 0 20px; border:none; outline: none; background: none; font-size: 15px; width: calc(100% - 50px); } .widget_search .wp-block-search__inside-wrapper .wp-block-search__button{ height: 50px; width: 50px; color: #ff5300; border-radius: 5px; border:none; flex:none; background: none; cursor: pointer; margin-left: 0; } .widget_search .wp-block-search__inside-wrapper .wp-block-search__button::before{ content: '\e64c'; font-family: "iconfont" !important; font-display: auto; font-size: 22px; } .widget{ margin-bottom: 15px; } .widget.hide-this{ display: none; } .widget .wp-block-heading{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #ccc; font-size: 20px; color: #1a1b1c; margin-bottom: 15px; } .products-lists-sidebar .wp-block-heading{ margin-bottom: 0; } .products-lists-sidebar .wp-block-heading::after{ content: '\e60c'; font-family: 'iconfont' !important; font-display: auto; font-size: 20px; transform: rotate(-180deg); font-weight: normal; cursor: pointer; } .products-lists-sidebar .wp-block-heading.hide-side-title::after{ transform: rotate(0deg); } .slider-coin-list{ display: flex; flex-wrap: wrap; margin-right: -10px; margin-bottom: 20px; } .slider-coin-list>li{ display: flex; align-items: center; padding-right: 10px; width: 50%; } .slider-coin-list>li>img{ width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; background: #fff; border:1px solid #ccc; } .slider-coin-list>li>a{ display: block; color: #2c2d2e; font-size: 15px; line-height: 20px; padding: 8px 0; font-weight: 400; } /*产品列表页分类描述*/ .bt-term-des-box { position: relative; line-height: 30px; font-size: 15px; color: #2c2d2e; } .bt-term-des-box h2{ margin-bottom: 15px; font-size: 28px; } .bt-term-des-box p{ margin-bottom: 10px; } .bt-term-des-box p:last-child{ margin-bottom: 0; } .bt-term-des-more i { transition: transform 0.3s; font-size: 22px; color: #ff5300; } .bt-term-des-more { display: none; margin-top: 5px; cursor: pointer; user-select: none; font-size: 14px; justify-content: center; } /*产品列表筛选*/ .bt-wrapper-fillter{ display: flex; align-items: center; flex-direction: row-reverse; margin: 24px 0; justify-content: flex-end; } .bt-wrapper-fillter .display-mode{ display: flex; align-items: center; margin-left: auto; margin-right: 0; } .bt-wrapper-fillter .display-mode a{ display: block; margin-left: 10px; } .bt-wrapper-fillter .display-mode a i{ font-size: 22px; color: #2c2d2e; } .bt-wrapper-fillter .display-mode a.active i{ color: #ff5300; } .products-lists-wrap .bt-wrapper-fillter .woocommerce-result-count{ float: none; margin-bottom: 0; } .products-lists-wrap .bt-wrapper-fillter .woocommerce-ordering{ float: none; margin-bottom: 0; margin-right: 15px; } .products-lists-wrap .bt-wrapper-fillter .woocommerce-ordering .orderby{ background: none; border-radius: 3px; border:1px solid #ccc; height: 40px; line-height: 38px; padding: 0 10px; cursor: pointer; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 32px; /* 给右侧图标预留空间 */ } .products-lists-wrap .bt-wrapper-fillter .woocommerce-ordering{ position: relative; } .products-lists-wrap .bt-wrapper-fillter .woocommerce-ordering::after{ content: '\e60c'; font-family: "iconfont"; font-size: 14px; color: #999; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; /* 不影响 select 点击 */ } select { -webkit-appearance: none; /* Chrome, Safari */ -moz-appearance: none; /* Firefox */ appearance: none; /* 统一标准 */ padding-right: 2.5em; /* 给自定义箭头腾空间 */ background:url('data:image/svg+xml;utf8,') no-repeat right 0.75em center; background-size: 2em; background-color: #fff; cursor: pointer; } .bt-shop-products-wrapper .bt-products.products-grid li{ width: 33.33%; } /*woocommerce 分页*/ .woocommerce-pagination{ margin-top: 24px; } body .woocommerce-pagination ul.page-numbers{ display: flex; align-items: center; border:none; margin: none; justify-content: center; flex-wrap: wrap; } body .woocommerce-pagination ul.page-numbers li{ float: none; border:none; display: block; padding: 5px; overflow:auto; } body .woocommerce-pagination ul.page-numbers li a, body .woocommerce-pagination ul.page-numbers li span{ display: flex; justify-content: center; align-items: center; height: 40px; min-width: 40px; background: #fff; border-radius: 5px; font-size: 14px; color: #2c2d2e; box-shadow: 0 0px 5px -1px rgb(0 0 0 / .15); } body .woocommerce-pagination ul.page-numbers li a:hover, body .woocommerce-pagination ul.page-numbers li span.current{ color: #fff !important; background: #ff5300; } body .woocommerce-pagination ul.page-numbers li a.prev i{ transform: rotate(90deg); } body .woocommerce-pagination ul.page-numbers li a.next i{ transform: rotate(-90deg); } .bt-products.products-list .bt-profit-list-item{ margin-bottom: 20px; display: flex; align-items: center; background: #fff; padding: 5px 24px 5px 10px; } .bt-products.products-list .bt-profit-list-item:last-child{ margin-bottom: 0; } .bt-profit-list-item .bt-profit-list-model{ display: flex; align-items: center; width: 40%; padding-right: 45px; } .bt-profit-list-item .bt-profit-list-td{ flex:none; } .bt-profit-list-item .bt-profit-list-model a.product-thumb{ display: block; width: 100px; height: 100px; flex:none; margin-right: 10px; padding: 0; } .bt-profit-list-item .bt-profit-list-model>h3 a{ font-size: 16px; line-height: 24px; color: #2c2d2e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 600; } .bt-profit-list-item .bt-profit-list-model .sortname{ display: none; } .bt-profit-list-item .bt-profit-list-price{ width: 15%; padding-right: 45px; } .bt-profit-list-item .bt-profit-list-price .wvp-range-delimiter{ display: block; color: #999; line-height: 14px; } .bt-profit-list-item .bt-profit-list-price .woocommerce-Price-amount{ font-size: 15px; color: #ff5300; font-weight: 800; } .bt-profit-list-item .bt-profit-list-attr{ display: flex; align-items: center; width: 30%; margin-right: 0; font-size: 15px; color: #444; font-weight: 400; } .bt-profit-list-item .bt-profit-list-attr .bt-profit-list-attr-item{ display: flex; align-items: center; } .bt-profit-list-item .bt-profit-list-attr .bt-profit-list-attr-item::after{ content: '•'; padding: 0 5px; font-size: 16px; font-weight: 800; color: #999; } .bt-profit-list-item .bt-profit-list-attr .bt-profit-list-attr-item:last-child:after{ display: none; } .bt-profit-list-item .bt-profit-list-profitability{ width: 15%; margin-left: auto; margin-right: 0; display: flex; justify-content: flex-end; } .IncomeColorBox{ height: 36px; line-height: 36px; padding: 0 10px 0 24px; border-radius: 3px; font-size: 14px; color: #1a1b1c; font-weight: 600; background: #85e9b0; } .IncomeColorBox.IncomeColorI { background: linear-gradient(-90deg,#22ff09 0%,#fff0 100%) } .IncomeColorBox.IncomeColorII { background: linear-gradient(-90deg,#88ff54 0%,#fff0 100%) } .IncomeColorBox.IncomeColorIII { background: linear-gradient(-90deg,#c2ff88 0%,#fff0 100%) } .IncomeColorBox.IncomeColorIV { background: linear-gradient(-90deg,#f8ff53 0%,#fff0 100%) } .IncomeColorBox.IncomeColorV { background: linear-gradient(-90deg,#fcb258 0%,#fff0 100%) } .IncomeColorBox.IncomeColorVI { background: linear-gradient(-90deg,#fb6868 0%,#fff0 100%) } /*Smart Sticky*/ .smart-sticky-holder { flex-shrink: 0; /* 防止被压缩 */ } .smart-sticky.is-fixed { position: fixed; top: 20px; z-index: 10; } .smart-sticky.is-bottom { position: relative; bottom: 0; top: auto; } .smart-sticky { transition: transform 0.8s ease; } .term-faq-wrap{ background: #fff; margin-top: 24px; padding: 30px 24px; color: #2c2d2e !important; } .term-faq-wrap .faq-section{ padding: 0 !important; color: #2c2d2e !important; font-family: "Inter",sans-serif !important; font-display: auto; } .term-faq-wrap .faq-item{ margin-bottom: 0 !important; } .term-faq-wrap .faq-item p{ display: none; } .term-faq-wrap h3{ font-size: 24px; color: #1a1b1c !important; margin-bottom: 15px; font-weight: 600; } .term-faq-wrap p{ font-size: 15px; line-height: 30px; color: #444 !important; margin-bottom: 10px; } .ivy-btc-answer p:last-child, .term-faq-wrap p:last-child{ margin-bottom: 0; } .term-faq-wrap a{ color: #ff5300; } .term-faq-wrap a:hover{ text-decoration: underline; } @media (max-width: 992px) { .page-main-wrap{ display: block; } .bt-sidebar{ width: 100% !important; } .page-main-wrap-con{ width: 100% !important; } .products-lists-wrap .bt-wrapper-fillter .woocommerce-result-count{ display: none; } .bt-products.products-list .bt-profit-list-item{ flex-wrap: wrap; padding-right: 20px; } .bt-profit-list-item .bt-profit-list-model{ width: 100%; padding-right: 0; order:1; } .bt-profit-list-item .bt-profit-list-price{ width: 50%; order:2; padding-left: 10px; } .bt-profit-list-item .bt-profit-list-profitability{ width: 50%; order: 3; } .bt-profit-list-item .bt-profit-list-attr{ width: 100%; order:4; justify-content: center; margin: 10px 0 15px 0; padding-left: 10px; } .bt-profit-list-item .bt-profit-list-model a.product-thumb{ width: 80px; height: 80px; } .bt-profit-list-item .IncomeColorBox{ height: 30px; line-height: 30px; } .products-lists-sidebar .widget{ display: none; } .products-lists-sidebar .widget.widget_search{ display: block; } .products-lists-wrap .bt-wrapper-fillter .woocommerce-ordering .orderby{ width: 150px; } .bt-products.products-grid{ margin-right: 0; margin-bottom: -20px; } .bt-products.products-grid li{ width: 100% !important; padding-right: 0; margin-bottom: 20px; } } .bt-breadcrumbs{ padding: 20px 0; color: #444; font-size: 15px; } .aioseo-breadcrumbs{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*正文内容样式*/ .entry-content { font-size: 16px; line-height: 1.75; color: #444; word-break: break-word; } .entry-content > *:first-child { margin-top: 0 !important; } .entry-content > *:last-child { margin-bottom: 0 !important; } .entry-content p { margin: 0 0 0.8em; } .entry-content strong, .entry-content b { font-weight: 600; color: #1b1c1e; } .entry-content em, .entry-content i { font-style: italic; } .entry-content del { color: #999; } .entry-content mark { background: #fff3cd; padding: 0 0.2em; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #1b1c1e; font-weight: 800; line-height: 1.2; margin: 0.5em 0 0.5em; } .entry-content h1 { font-size: 2em; } .entry-content h2 { font-size: 1.6em; } .entry-content h3 { font-size: 1.35em; } .entry-content h4 { font-size: 1.15em; } .entry-content h5 { font-size: 1em; } .entry-content h6 { font-size: 0.9em; color: #555; } .entry-content a { color: #1b1c1e; text-decoration: underline; text-underline-offset: 3px; } .entry-content a { color: #ff5300; } .entry-content a:hover { text-decoration: underline; } .entry-content ul, .entry-content ol { margin: 0 0 1.5em 0; padding: 0; } .entry-content ul li { margin: 0.5em 0; padding-left: 15px; position: relative; } .entry-content ul li::before{ width: 6px; height: 6px; content: ''; border-radius: 50%; background: #FF5300; position: absolute; left: 0; top: 10px; } .entry-content ol{ margin-left: 17px; } .entry-content ul ul, .entry-content ol ol { margin-bottom: 0; } .entry-content img { max-width: 100%; height: auto; display: block; } .entry-content figure { margin: 2em 0; } .entry-content figcaption { font-size: 0.875em; color: #777; text-align: center; margin-top: 0.5em; } .entry-content table { width: 100% !important; border-collapse: collapse; margin: 2em 0; font-size: 0.95em; } .entry-content th, .entry-content td { border: 1px solid #e5e5e5; padding: 0.6em 0.8em; text-align: left; } .entry-content th { background: #f7f7f7; color: #1b1c1e; font-weight: 600; } .entry-content blockquote { margin: 2em 0; padding: 1em 1.5em; border-left: 4px solid #ddd; background: #fafafa; color: #555; } .entry-content blockquote p:last-child { margin-bottom: 0; } .entry-content code { background: #f5f5f5; padding: 0.2em 0.4em; border-radius: 3px; font-size: 0.9em; } .entry-content pre { background: #1e1e1e; color: #eee; padding: 1.2em; overflow-x: auto; border-radius: 6px; font-size: 0.9em; } .entry-content hr { border: none; border-top: 1px solid #e5e5e5; margin: 3em 0; } .entry-content .wp-block-group { margin-bottom: 2em; } .entry-content .wp-block-image { margin: 2em 0; } .entry-content .wp-block-button__link { background: #1b1c1e; color: #fff; padding: 0.6em 1.4em; border-radius: 4px; text-decoration: none; } .entry-content .wp-block-button__link:hover { background: #000; } .entry-content .wp-block-table table { margin: 0; } .entry-content .wp-block-columns { margin-bottom: 2em; } .entry-content iframe, .entry-content video { max-width: 100%; display: block; margin: 2em auto; } /*常见问题区块儿*/ .bt-pro-faqs-lists{ border-top:1px solid #e5e5e5; } .bt-pro-faqs-lists>li{ padding: 0; border-bottom: 1px solid #e5e5e5; } .bt-pro-faqs-lists>li:last-child{ border-bottom: none; } .bt-pro-faqs-lists>li .faq-item-bd{ display: none; padding-bottom: 24px; } .bt-pro-faqs-lists>li.on .faq-item-bd{ display: block; margin-top: -10px; } .bt-pro-faqs-lists>li .faq-item-hd{ display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 24px 0; } .bt-pro-faqs-lists>li .faq-item-hd h3{ font-size: 18px; color: #1b1c1d; font-weight: 500; } .bt-pro-faqs-lists>li.on .faq-item-hd h3{ font-weight: 600; color: #ff5300; } .bt-pro-faqs-lists>li .faq-item-hd i{ color: #ff5300; font-size: 18px; } .bt-pro-faqs-lists>li.on .faq-item-hd i{ transform: rotate(-90deg); } /*新闻列表页*/ .bt-blog-list li.bt-blog-item{ background: #fff; margin-bottom: 24px; display: flex; padding: 24px; } .bt-blog-list li.bt-blog-item:last-child{ margin-bottom: 0; } .bt-blog-list li .post-thumbnail{ width: 35%; margin-right: 24px; flex: none; overflow: hidden; border-radius: 5px; } .bt-blog-list li .post-thumbnail img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .bt-blog-list li .post-content{ flex:1; display: flex; flex-direction: column; } .bt-blog-list li .post-content .entry-title a{ display: block; font-size: 22px; font-weight: 600; line-height: 28px; color: #1a1b1c; } .bt-blog-list li .post-content .post-item-metas{ margin: 20px 0; } .bt-blog-list li .post-content .entry-excerpt{ font-size: 15px; line-height: 24px; color: #444; margin-bottom: 20px; } .bt-blog-list li .post-content .block-more-link{ display: flex; align-items: center; color: #ff5300; margin-top: auto; margin-bottom: 0; } .bt-blog-list li .post-content .block-more-link i{ padding-left: 5px; transition: all ease .4s; } .bt-blog-list li .post-content .block-more-link:hover i{ padding-left: 10px; } .pagination{ display: flex; justify-content: center; margin-top: 24px; align-items: center; } .pagination a, .pagination span:not(.dots){ display: flex; justify-content: center; align-items: center; height: 40px; min-width: 40px; background: #fff; border-radius: 5px; font-size: 14px; color: #2c2d2e; box-shadow: 0 0 5px -1px rgb(0 0 0 / .15); margin: 5px; } .pagination span.dots{ margin: 0px 10px 5px 10px; color: #999; } .pagination span.current{ color: #fff; background: #ff5300; } .bt-blog-sidebar .widget{ padding: 24px; background: #fff; margin-bottom: 24px; } .bt-blog-sidebar .widget .wp-block-heading{ border-color: #e5e5e5; } .sidebar-nav li{ margin-bottom: 15px; } .sidebar-nav li:last-child{ margin-bottom: 0; } .sidebar-nav li a{ display: flex; justify-content: space-between; align-items: center; height: 50px; background: #f5f5f5; border-radius: 5px; font-size: 16px; color: #1a1b1c; font-weight: 500; padding: 0 20px; } .sidebar-nav li a span{ font-size: 15px; color: #999; font-weight: 300 !important; } .sidebar-nav li.current-cat a, .sidebar-nav li.current-cat a span{ color: #ff5300; font-weight: 600; } .sidebar-nav li a:hover, .sidebar-nav li a:hover span{ color: #ff5300; } .bt-popular-posts-list{ margin-top: 5px; } .bt-popular-posts-list li{ margin-bottom: 20px; display: flex; } .bt-popular-posts-list li:last-child{ margin-bottom: 0; } .bt-popular-posts-list li .post-thumbnail{ overflow: hidden; display: block; width: 30%; flex:none; margin-right: 15px; border-radius: 5px; } .bt-popular-posts-list li .post-thumbnail img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .bt-popular-posts-list li .popular-post-content{ flex:1; display: flex; flex-direction: column; } .bt-popular-posts-list li .popular-post-content>a{ color: #444; font-size: 15px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px; } .bt-popular-posts-list li .popular-post-content .popular-post-meta{ margin-top: auto; margin-bottom: 0; display: flex; align-items: center; color: #999; font-size: 13px; } .popular-post-content .popular-post-meta span{ padding-right: 10px; } .tagcloud{ display: flex; flex-wrap: wrap; margin-right: -10px; margin-bottom: -10px; } .tag-item-li{ padding-right: 10px; margin-bottom: 10px; } .tagcloud a{ display: block; height: 38px; line-height: 38px; background: #f5f5f5; border-radius: 5px; padding: 0 15px; font-size: 13px !important; color: #444; } .tagcloud a:hover{ color: #fff !important; background: #ff5300; } @media (max-width: 992px) { .bt-term-des-box h2{ font-size: 24px; text-align: center; } .bt-blog-list li.bt-blog-item{ display: block; padding: 24px 20px; } .bt-blog-list li .post-thumbnail{ width: 100%; margin-right: 0; position: relative; padding-bottom: 65%; } .bt-blog-list li .post-thumbnail img{ position: absolute; } .bt-blog-list li .post-content{ width: 100%; display: block; margin-top: 15px; } .bt-blog-list li .post-content .post-item-metas{ margin: 15px 0; } .bt-blog-sidebar{ margin-top: 24px; } } /*文章、页面详情页*/ .content-main-wrap{ background: #fff; padding: 36px 30px; } .post-hd{ margin-bottom: 24px; } .post-hd h1{ font-size: 32px; line-height: 38px; color: #1a1b1c; } .post-hd .post-item-metas{ margin-top: 24px; } .post-bottom{ margin-top: 45px; } .single-tags{ display: flex; align-items: center; flex-wrap: wrap; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .single-tags strong{ font-size: 15px; color: #1a1b1c; font-weight: 500; margin-bottom: 10px; } .single-tags a{ display: block; height: 35px; line-height: 35px; background: #f5f5f5; border-radius: 5px; padding: 0 15px; margin-left: 10px; margin-bottom: 10px; font-size: 14px; } .single-tags a:hover{ color: #fff !important; background: #ff5300; } .related-posts{ margin-top: 45px; } .related-posts .bt-popular-posts-list{ display: flex; flex-wrap: wrap; margin-right: -24px; margin-bottom: -24px; } .related-posts .bt-popular-posts-list li{ width: 50%; padding-right: 24px; margin-bottom: 24px; } .related-posts .related-posts-title{ display: flex; justify-content: space-between; align-items: center; font-size: 20px; color: #1a1b1c; margin-bottom: 20px; } .related-posts .bt-popular-posts-list li .popular-post-content>a{ color: #1a1b1c; font-weight: 500; font-size: 16px; -webkit-line-clamp: 3; } .prenext{ display: flex; justify-content: space-between; margin-top: 24px; } .prenext-item{ width: calc(50% - 12px); background: #f5f5f5; border-radius: 10px; padding: 15px 24px; } .prenext .prenext-item:last-child{ text-align: right; } .prenext-item-hd{ color: #ff5300; font-size: 16px; margin-bottom: 10px; display: flex; align-items: center; } .prenext .prenext-item:last-child .prenext-item-hd{ justify-content: flex-end; } .prenext-item-hd i{ font-size: 15px; display: block; } .prenext .prenext-item:last-child i{ margin-right: -3px; margin-left: 3px; } .prenext .prenext-item:first-child i{ margin-left: -3px; margin-right: 3px; } .prenext-title{ font-size: 16px; color: #1a1b1c; font-weight: 500; } .prenext-title span{ font-weight: 400; color: #666; } /*自定义文章目录*/ .article-toc ul { list-style: none; margin-left: 0; } .article-toc .toc-list{ margin: 0 -24px !important; } .article-toc a { display: block; height: 40px; line-height: 40px; padding: 0 24px; font-size: 15px; color: #444; text-decoration: none; border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toc-list>ul>li>a{ color: #1a1b1c; font-weight: 500; } .article-toc a:hover, .article-toc li.on>a { color: #ff5300; background: #f5f5f5; } .article-toc .toc-list>ul ul{ padding-left: 24px; } @media (max-width: 992px) { .post-hd h1{ font-size: 20px; line-height: 26px; } .entry-content { font-size: 90%; } .single-tags strong{ display: none; } .single-tags{ margin-left: -10px; } .prenext{ display: block; } .prenext-item{ padding: 15px 20px; width: 100%; } .prenext .prenext-item:last-child{ margin-top: 15px; text-align: left; } .prenext .prenext-item:last-child .prenext-item-hd{ justify-content: flex-start; } .related-posts{ margin-top: 24px; } .related-posts .bt-popular-posts-list{ margin-right: 0; margin-bottom: 20px; } .related-posts .bt-popular-posts-list li{ width: 100%; padding-right: 0; margin-bottom: 20px; } .article-toc{ display: none; } .content-main-wrap{ padding: 20px; } #chatra.chatra--side-bottom{ display: none !important; } } .bt-nohdpage-main{ padding: 45px 0; } .bt-nohdpage-title{ font-size: 42px; color: #1a1b1c; text-align: center; margin-bottom: 24px; } .bt-wc-cart-wrap{ background: #fff; padding: 20px 30px; } .bt-cart-form-actions{ display: flex; justify-content: space-between; align-items: center; } .woocommerce .bt-wc-cart-wrap table.shop_table{ border:none; margin-bottom: 0px; } .woocommerce .bt-wc-cart-wrap table.shop_table td{ padding-top: 15px; padding-bottom: 15px; } .woocommerce .bt-wc-cart-wrap table.shop_table .bt-cart-form-actions-wrap{ padding-left: 0; padding-right: 0; } .woocommerce .bt-wc-cart-wrap table.shop_table thead tr th{ color: #999; text-transform: uppercase; font-weight: 600; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-thumbnail img{ width: 100px; display: block; height: auto; background: #f5f5f5; border-radius: 5px; overflow: hidden; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-thumbnail{ padding-left: 0; width: 118px; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-thumbnail a{ display: block; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-remove{ padding-right: 0; text-align: right; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-remove a.remove{ margin-left: auto; margin-right: 0; background: none !important; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-remove a.remove i{ font-size: 26px; color: #ff5300; font-weight: 100; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name>a{ font-size: 16px; line-height: 24px; color: #1a1b1c; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name .variation{ display: flex; align-items: center; line-height: 36px; margin-top: 5px; color: #999; font-size: 14px; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name .variation dd{ color: #ff5300; margin-right: 20px; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name .variation dd:last-child{ margin-right: 0; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-subtotal .woocommerce-Price-amount{ font-weight: 600; color: #ff5300; } .woocommerce .bt-wc-cart-wrap table.shop_table .custom-quantity{ width: 125px; height: 45px; } .woocommerce .bt-wc-cart-wrap table.shop_table .custom-quantity input{ height: 45px; line-height: 45px; border-radius: 0; } .bt-cart-form-actions .coupon{ display: flex; align-items: center; float: none; } .bt-cart-form-actions .coupon input#coupon_code{ float: none; height: 45px; line-height: 45px; background: #f5f5f5; border-radius: 5px; margin-right: 10px; border:none; padding: 0 15px; width: 220px; } .bt-cart-form-actions .coupon .button{ height: 45px; color: #fff !important; background: #ff5300 !important; border-radius: 5px; } /* 成功提示 */ .woocommerce-message { background: var(--wc-green-bg); border-color: var(--wc-green); color: var(--wc-green); } /* 错误提示 */ .woocommerce-error { background: var(--wc-red-bg); border-color: var(--wc-red); color: var(--wc-red); } /* 信息提示 */ .woocommerce-info { background: var(--wc-orange-bg); border-color: var(--wc-orange); color: var(--wc-orange); } .woocommerce-order-status, .status.success { background: var(--wc-green-bg); color: var(--wc-green); } .status.processing, .status.preparing { background: var(--wc-orange-bg); color: var(--wc-orange); } .status.cancelled, .status.failed { background: var(--wc-red-bg); color: var(--wc-red); } .bt-cart-form-actions-right button{ height: 45px; border-radius: 5px; } .bt-cart-form-actions-right a{ border-radius: 5px; padding-top: 15px !important; padding-bottom: 15px !important; background: #ff5300 !important; color: #fff !important; } .cart-recommend-products{ margin-top: 45px; } .bt-recommended-product-box .bt-recommend-pro-hd { display: flex; justify-content: space-between; margin-bottom: 20px; } .bt-recommend-pro-hd h2, .bt-pro-faqs-hd h2, .bt-pro-notes-hd h2 { font-size: 24px; margin: 0; color: #1b1c1e; font-weight: 800; line-height: 36px; } .checkoutwc #info_payment button, .checkoutwc .cfw-primary-btn, .checkoutwc.cfw-modaal #info_payment button, .checkoutwc.cfw-modaal .cfw-primary-btn{ padding: 15px !important; } body .cfw-accordion .cfw-radio-reveal-content{ background: #f5f5f5 !important; padding: 20px 18px !important; } body .cfw-accordion .cfw-radio-reveal-content p{ font-size: 14px; line-height: 22px; } .checkoutwc{ position: relative; z-index: 2; } .cfw-alert-pop-error{ position: fixed; z-index: 999; background: rgba(0, 0, 0, .45); width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; padding: 24px; } .cfw-alert-pop-error .message{ width: 500px; background: #fff; color: #FF5300; padding: 24px; border-radius: 10px; position: relative; display: flex; flex-direction: column; justify-content: center; text-align: center; } .cfw-alert-pop-error .message .close-pop-error{ position: absolute; top:8px; right:20px; z-index: 3; font-size: 20px; color: #FF5300; } .cfw-alert-pop-error .message h3{ font-size: 24px !important; color: #FF5300 !important; font-weight: bold !important; } .cfw-alert-pop-error .message .close-pop-error-button{ display: block; height: 45px; line-height: 45px; padding: 0 35px; color: #fff !important; text-align: center; margin-top: 31px; background: #FF5300; flex: none; border-radius: 5px; } body #order_review a.cfw-secondary-btn{ background-color: #FF5300 !important; color: #fff !important; border:none !important; } /*表单通用样式*/ body div.wpforms-container-full{ margin: 0 !important; } body div.wpforms-container-full .wpforms-form .wpforms-field-label{ font-weight: 400; color: #666; display: block; margin-bottom: 10px; font-size: 15px; } body div.wpforms-container-full .wpforms-form .wpforms-field-sublabel, body div.wpforms-container-full .wpforms-form .wpforms-field-description{ color: #666; } body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea{ border-radius: 5px; background: #fff; border:1px solid #e5e5e5 !important; font-size: 15px; color: #fff; } body div.wpforms-container-full .wpforms-form textarea{ height: 100px !important; } .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{ padding: 10px 0 !important; } div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){ padding: 8px 35px !important; min-width: 200px !important; color: #fff !important; background-color: #FF5300 !important; border:none !important; border-radius: 5px !important; } .bt-content-header{ padding: 45px 0 30px 0; text-align: center; } .bt-page-title{ font-size: 42px; color: #1a1b1c; } .bt-page-subtitle{ font-size: 17px; color: #444; margin-top: 10px; } .about-crypto-content{ padding: 30px; background: #fff; margin-bottom: 45px; } .about-crypto-content ul.faq{ border-top:1px solid #e5e5e5; } .about-crypto-content ul.faq li{ padding-left: 0; margin:0; position: relative; padding: 20px 0; border-bottom: 1px solid #e5e5e5; } .about-crypto-content ul.faq li::before{ display: none; } .about-crypto-content ul.faq li.q{ font-size: 18px; font-weight: 500; color: #1a1b1c; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .about-crypto-content ul.faq li.q img{ display: none !important; } .about-crypto-content ul.faq li.q.on{ border-bottom: none; } .about-crypto-content ul.faq li.q.on::after{ transform: rotate(-90deg); } .about-crypto-content ul.faq li.q::after{ content: "\e61d"; color: #ff5300; font-size: 18px; font-family: "iconfont" !important; } .about-crypto-content ul.faq li.a{ font-size: 16px; line-height: 1.75; color: #444; word-break: break-word; padding-top: 0; margin-top: -10px; } .about-crypto-content ul.faq li.a p{ margin: 0 0 .8em; } .sectionBox-1{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .imgBox img{ display: block; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; border:1px solid #ccc; } .img_titleBox{ display: flex; align-items: center; } .name_priceBox{ margin-left: 15px; } .name_priceBox h4{ margin-top: 0; font-size: 24px; color: #1a1b1c; } .name_priceBox p{ color: #ff5300; font-size: 15px; margin-bottom: 0; font-weight: 500; line-height: 15px; } .sectionBox-1 .web_browBox { display: flex; flex-direction: column } .sectionBox-1 .web_browBox a { color: #fff !important; padding: 10px 30px; border-radius: 30px; background: #ff5300; display: block; margin-bottom: 10px; text-decoration: none!important; text-align: center } .sectionBox-1 .web_browBox a:last-child { margin-bottom: 0 } .bt-main-content{ padding-bottom: 45px; } .custom-page-con-wrap{ padding: 30px; background: #fff; } body .wc_rb_mb_section{ border-radius: 15px; border:1px solid #e5e5e5; overflow: hidden; } body .wc_rb_mb_head{ background: #FF5300 !important; } body .manufacture_list li{ padding-left: 0; margin: 12px; } body .manufacture_list li::before{ display: none; } body .manufacture_list li h3{ font-weight: 500; font-size: 16px !important; min-height: 35px !important; line-height: 35px !important; } body ul li.wcrb-other-color, body ul li.wcrb-other-color{ background-color: #ff5300 !important; } body .wc_rb_mb_head h2 span, body .wc_rb_mb_head h2{ font-size: 18px !important; } body .wc_rb_mb_body.final_customer_message label>[type=checkbox], body .wc_rb_mb_body.final_customer_message label>[type=radio]{ width: 16px !important; margin-bottom: 0 !important; } .bt-cart-form-actions-right{ display: flex; align-items: center; justify-content: flex-end; gap: 5px; } .bt-cart-form-actions-right .paypal-button-row{ height: 45px !important; } @media (max-width: 992px) { .bt-cart-form-actions-right{ display: block; } .bt-cart-form-actions-right .ppc-button-wrapper{ margin-top: 8px; } .custom-page-con-wrap{ padding: 24px 20px; } .bt-wc-cart-wrap{ padding: 20px; } .woocommerce .bt-wc-cart-wrap table.shop_table td{ padding: 15px 0; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name .variation{ display: block; text-align: right; line-height: 22px; } .bt-nohdpage-title{ font-size: 30px; margin-bottom: 15px; } body table.shop_table_responsive tbody tr:nth-child(even){ background: none !important; } body table.shop_table_responsive, body table.shop_table_responsive tbody, body table.shop_table_responsive tr, body table.shop_table_responsive td, body table.shop_table_responsive th { display: block; width: 100%; font-size: 14px; line-height: auto; } body table.shop_table_responsive tr { margin-bottom: 10px; margin-top: 10px; padding: 0; } body table.shop_table_responsive td, body table.shop_table_responsive th { position: relative; padding: 10px 0; text-align: right !important; font-size: 14px; white-space: normal; word-break: break-word; overflow-wrap: break-word; } /* data-title 显示为左侧标题 */ body table.shop_table_responsive td::before,body table.shop_table_responsive th::before { content: attr(data-title); position: absolute; left: 0; top: 50%; margin-top: -8.5px; font-weight: 500; color: #1a1b1c; text-align: left; white-space: nowrap; } /* 给内容留出标题空间 */ body table.shop_table_responsive td, body table.shop_table_responsive th { padding-left: 90px !important; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name>a{ font-size: 14px; line-height: 20px; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name .variation dt{ float: none; display:inline-block; } .woocommerce .bt-wc-cart-wrap table.shop_table .product-name .variation dd{ margin-right: 0; display: inline-block; } .woocommerce .bt-wc-cart-wrap table.shop_table .custom-quantity{ margin-left: auto; margin-right: 0; } body .woocommerce table.shop_table_responsive tr:nth-child(2n) td, body.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent !important; } body table.shop_table_responsive td[colspan] { display: block; width: 100%; padding: 14px 0 !important; text-align: center !important; font-size: 14px; } .bt-cart-form-actions{ display: block; } .bt-cart-form-actions .coupon .button{ width: auto !important; float: none; flex:1; } .bt-cart-form-actions-right>a{ margin-top: 8px !important; display: block; } .cart-recommend-products{ margin-top: 30px; } .bt-recommended-product-box .bt-recommend-pro-hd{ margin-bottom: 15px; } div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){ width: 100% !important; } .bt-body .selectBtnBox{ flex-wrap: nowrap !important; } .phone-tab-container{ overflow: hidden; touch-action: pan-x; /* 允许水平滑动，阻止浏览器默认滚动 */ } .phone-tab-ul { transition: transform 0.3s ease-in-out; cursor: grab; flex-wrap: nowrap !important; } .phone-tab-item { flex-shrink: 0; white-space: nowrap; } .bt-page-title{ font-size: 30px; } .bt-page-subtitle{ font-size: 15px; } .bt-content-header{ padding-bottom: 20px; } .about-crypto-content{ padding: 24px 20px; } .sectionBox-1{ display: block; } .imgBox img{ width: 50px; height: 50px; } .name_priceBox h4{ font-size: 18px; } .name_priceBox p{ margin-top: 0; } .sectionBox-1 .web_browBox{ margin-top: 15px; } .about-crypto-content ul.faq li.q{ font-size: 16px; } .bt-footer-top-inner{ display: block; } } @media only screen and (max-width: 768px) { body .woocommerce table.shop_table_responsive tr:nth-child(2n) td, body.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent !important; } }