/* 在小屏幕下保持列间距 */
@media (max-width: 1280px) {
    .bread-box {
        width: 1100rem;
        height: 48rem;
        font-size: 14rem;
        background-color: rgba(255, 255, 255, 0.21);
        padding-left: 10rem;
    }
}

/* 响应式调整 */
@media (max-width: 991.98px) {
    .product-info {
        padding-left: 0;
        margin-top: 30rem;
    }

    .part_contact {
        height: 756rem !important;
    }
}
@media (max-width: 1090px){
    .quoteFormContainer{
        margin-top: 20rem;
    }
}
/*#region */
a {
    text-decoration: none;
}

.flex-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 面包屑 */
.bread-box {
    width: 100%;
    height: 48rem;
    font-size: 14rem;
    background-color: rgba(255, 255, 255, 0.21);
}

.bread {
    width: 100%;
    height: auto;
    max-width: 1440rem;
    margin: 0 auto;
}

/* 自定义面包屑样式 */
.breadcrumb {
    width: 100%;
    height: 48rem;
    font-size: 12rem;
    text-align: left;
    line-height: 48rem;
    cursor: pointer;
    color: #666666;
}

.breadcrumb-item:hover {
    color: #0068D7 !important;
}

.breadcrumb-item.active {
    color: #333333;
    font-size: 12rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding: 0 10rem;
}

/*#endregion */

/* part1 */
/*#region */
.product-container {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 64rem;
}

.main-image-container {
    width: 450rem;
    height: 450rem;
    margin-bottom: 15rem;
    overflow: hidden;
}

.main-image {
    max-width: 406rem;
    max-height: 391rem;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 缩略图容器 */
.thumbnail-container {
    /* display: flex; */
    flex-wrap: nowrap;
    gap: 10rem;
    overflow-x: auto;
    padding-bottom: 5rem;
    width: 496rem;
}

/* 缩略图盒子 */
.imgBox {
    width: 100rem;
    height: 100rem;
    border-radius: 4prem;
    border: 1rem solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail {
    width: 84rem;
    height: 84rem;
    object-fit: contain;
    cursor: pointer;
}

.imgBox.active {
    border: 0.5rem solid #999999;
    border-radius: 4rem;
}

/* 右侧 */
.product-info {
    margin-left: 100rem !important;
}

.product-title {
    font-size: 36rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #333333;
}

.product-title2 {
    font-size: 16rem;
    font-family: Inter, Inter-600;
    font-weight: 600;
    text-align: left;
    color: #0E2A58;
    line-height: 20rem;
    margin-top: 18rem;
}

.title2-span {
    font-family: Inter, Inter-400;
    font-weight: 400;
    color: #0E2A58;
}

.product-description {
    font-size: 16rem;
    font-family: Inter, Inter-400;
    font-weight: 400;
    color: #333333;
    line-height: 28rem;
    margin-top: 36rem;
}

.product-description2 {
    margin-top: 24rem;
}

.product-desc {
    word-break: break-all;
}

.product-ulArea {
    margin-top: 24rem;
    justify-content: space-between;
}

.product-left {
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #333333;
}

.left-ul {
    max-width: 547rem;
    padding-left: 20rem;
}

.left-ul li {
    list-style: disc !important;
}

.left-ul li:not(:first-child) {
    margin-top: 16rem;
}
/*#endregion */

/* part2 锚点 */
/*#region */
.navbar-container {
    width: 100%;
    height: 60rem;
    background-color: #f5f5f5;
    margin-top: 89rem;
}

.navbar {
    max-width: 1440rem;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.anchor-nav {
    position: sticky;
    top: 80rem;
    z-index: 8;
}

.nav-menu {
    display: flex;
    list-style: none;
    height: 100%;
}

.nav-item {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 44rem;
}

.nav-link {
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #333333;
}

.nav-item.active {
    color: #0068d7;
}

.nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    background-color: #0068D7;
}

.nav-item.active .nav-link {
    color: #0068D7;
}

.nav-link:hover {
    color: #0068D7;
}
/*#endregion */

/* part3 */
/* #region */
.container-detail {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 42rem;
}

.form-check-label {
    font-size: 16rem;
}

.form-switch {
    margin-left: 30rem;
}

#flexSwitchCheckDefault {
    margin-right: 10rem;
}

.form-switch .form-check-input {
    width: 60rem;
    height: 30rem;
}

.detail_table {
    width: 100%;
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #333333;
    margin-top: 25rem;
}

.detail_body tr {
    height: 40rem;
}

.detail_tr {
    display: flex;
    align-items: center;
    height: 40rem;
    width: 100%;
}

#detailTbody tr {
    border-left: transparent !important;
    border-right: transparent !important;
}

#detailTbody tr:not(:last-child) {
    border-bottom: none !important;
}

#detailTbody {
    height: 40rem;
    align-items: center;
}

#detailTbody .part3-td {
    display: flex;
    align-items: center;
    height: 100%;
    border-right: 1rem solid #eeeeee;
}

.part3-td-small {
    width: 100% !important;
    display: flex;
    height: 40rem;
}

.detail_name2,
.detail_val2 {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
}

.detail_name {
    min-width: 350rem;
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #333333;
}

.detail_val {
    font-size: 14rem;
    min-width: 200rem;
    font-family: Inter, Inter-400;
    color: #333333;
}

.table-large tbody tr td:nth-child(2) {
    padding-left: 60rem;
}

.table-large tbody tr td:nth-child(1) {
    border-right: 1rem solid #eeeeee !important;
}

.table-container {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 15rem;
    font-size: 16rem;
}

.dynamic-table {
    width: 100%;
}

.dynamic-table td {
    width: 50%;
    vertical-align: middle;
}

.dynamic-table.table-large td {
    width: 25%;
}

.table-cell {
    height: 40rem;
    display: flex;
    width: 720rem;
    align-items: center;
    justify-content: flex-start;
    background-color: #ffffff;
}

/* #endregion */

/* part4 partList */
/* #region */
.part_list {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 64rem;
}

.list_title,
.table-title,
.oeNum_title,
.replacement_title,
.pdf_title,
.vehicle_title,
.faq_title {
    font-size: 24rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #0A1D3D;
    scroll-margin-top: 80rem;
}

.list_ul {
    font-size: 16rem;
    font-family: Inter, Inter-400;
    color: #333333;
    margin-top: 24rem;
}

.list_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 90rem;
    background: #fbfbfb;
    margin-bottom: 12rem;
}

.list_li img {
    width: 80rem;
    height: 80rem;
}

.list_li span {
    display: inline;
    width: 220rem;
    text-align: left;
}

.list_li a {
    margin-right: 124rem;
    color: #0068D7;
    text-decoration: underline !important;
    text-decoration-color: #0068D7;
}

/* #endregion */

/* part5 */
/* #region */
.part_compatibility {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 52rem;
}

.compatibility_btn {
    display: flex;
}

.table_container {
    max-height: 600rem;
}

.thead {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
    margin-top: 20rem;
}

.filter_btn {
    min-width: 114rem;
    height: 32rem;
    background: #ffffff;
    border: 1rem solid #ebebeb;
    border-radius: 4rem;
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #333333;
    margin-right: 16rem;
    margin-top: 25rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    transition: padding .3s ease-in-out;
}

.compatibility_btn img {
    width: 20rem;
    height: 20rem;
    margin-left: 10rem;
}

.filter_btn.active {
    background-color: #0A1D3D;
    color: #fff;
    padding-left: 26rem;
}
.checkImg{
    position: absolute;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.checkImg.active{
    opacity: 1;
}
.compatibility_body tr:first-child {
    border-top: none !important;
}

.compatibility_body tr:hover {
    background-color: #F7F8F9;
}

.compatibility_table {
    font-size: 13rem;
    font-family: Inter, Inter-400;
    color: #333333;
    border-left: none !important;
    border-right: none !important;
    margin-top: 35rem;
}

.fixed-header {
    font-size: 13rem;
    font-family: Inter, Inter-400;
    color: #333333;
    border-left: none !important;
    border-right: none !important;
    margin-top: 0;
}

.scrollable-body {
    max-height: 600rem;
    overflow-y: auto;
    margin-top: 0;
}

.thead tr {
    border-top: none !important;
    border-bottom: 1rem solid #666666;
    font-size: 16rem;
    font-family: Inter, Inter-400;
    color: #333333;
}

.compatibility_table td,
.compatibility_table th {
    height: 40rem;
    max-width: 300rem;
}

.compatibility_table th,
.compatibility_table td {
    width: 300rem;
    border-left: none !important;
    border-right: none !important;
    word-wrap: break-word;
}

.compatibility_table td:first-child,
.compatibility_table th:first-child {
    padding-left: 24rem;
}

/* #endregion */

/* part6 oeNum */
/* #region */
.oeNum {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 88rem;
}

.oeNumBody,
.faqBody {
    padding-left: 20rem;
    background-color: #ffffff !important;
}

.faqBtn,
.oeNumBtn {
    font-size: 16rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #333333;
}

.accordion {
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #333333;
}

.oeNumHeader {
    height: 56rem;
    line-height: 56rem;
    padding-left: 20rem;
    background-color: transparent !important;
}

#oeAccordion .accordion-item:hover {
    background-color: #F7F8F9 !important;
}

.faqBtn,
.oeNumBtn {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
}

/* 去除打开状态背景色 */
.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
    font-size: 16rem;
    font-weight: 500;
    color: #333333;
}

/* 去除手风琴项目边框 */
.accordion {
    --bs-accordion-border-width: 0;
}

/* 为 header 添加持久下边框 */
.accordion-header {
    position: relative;
    margin-bottom: 0 !important;
}

/* 使用伪元素创建边框（不会被Bootstrap覆盖） */
.oeNumHeader::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1rem;
    background-color: #DCE0E1;
    z-index: 5;
}

.faq-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1rem;
    background-color: #DCE0E1;
    z-index: 5;
}

.faq-header {
    height: 56rem !important;
    line-height: 56rem;
    padding-left: 20rem;
}

/* 移除默认箭头 */
.oeNumBtn::after {
    display: none !important;
}

.oeNumBtn,
.faqBtn {
    padding-right: 2.5rem;
    position: relative;
}

.oeNumBtn:not(.collapsed)::before {
    content: "-";
    position: absolute;
    right: 1rem;
    font-weight: bold;
    font-size: 38rem;
}

.oeNumBtn.collapsed::before {
    content: "+";
    position: absolute;
    right: 1rem;
    font-weight: bold;
    font-size: 26rem;
}

.oeNumBtn:not(.collapsed)::before,
.oeNumBtn.collapsed::before {
    right: 16rem;
}

.toastify {
    font-size: 16rem;
}

.faqBtn:not(.collapsed)::before {
    content: "-";
    position: absolute;
    right: 1rem;
    font-weight: bold;
    font-size: 38rem;
}

.faqBtn.collapsed::before {
    content: "+";
    position: absolute;
    right: 1rem;
    font-weight: bold;
    font-size: 26rem;
}

.faqBtn:not(.collapsed)::before,
.faqBtn.collapsed::before {
    right: 16rem;
}

.accordion-body ul {
    padding: 0;
}

.accordion-body li {
    height: 28rem;
    margin-top: 8rem;
}

/* #endregion */

/* #region */
.part_replacement {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 52rem;
}

.replacement_list {
    width: 100%;
    min-height: 132rem;
    margin-top: 16rem;
    background-color: #fbfbfb;
    display: flex;
    align-items: center;
}

.replacement_ul {
    width: 100%;
    min-height: 90rem;
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #485a64;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20rem;
    align-items: center;
}

.replacement_ul li {
    min-width: 160rem;
    height: 36rem;
    display: flex;
    align-items: center;
    margin-right: 10rem;
}

.replacement_name {
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #333333;
    margin-right: 8rem;
}

/* #endregion */

/* part8 pdf */
/* #region */
.part_pdf {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 112rem;
}

.card {
    border: none !important;
    margin-top: 13rem;
}

.pdf_desc {
    width: 200rem;
    min-height: 100rem;
    background: rgba(236, 238, 239, 0.50);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.pdf_name {
    font-size: 16rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #333333;
}

.pdf_handle {
    display: flex;
    justify-content: space-between;
}

.pdf_handle a {
    font-size: 14rem;
    font-family: Inter, Inter-400;
    text-decoration: underline;
    color: #0068d7;
    padding-right: 12rem;
}

/* #endregion */

/* part8 */
/* #region */
.part_vehicle {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 60rem;
}

#tableBody {
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #333333;
}

#tableWrapper {
    margin-top: 20rem;
}

#tableBody tr {
    height: 40rem;
    border-top: 1rem solid #E8ECEF;
}

#tableBody tr td {
    padding-left: 20rem;
}

#tableBody td:first-child {
    width: 389rem;
    border-left: 1rem solid #E8ECEF;
}

#tableBody td:last-child {
    border-right: 1rem solid #E8ECEF;
    padding: 8rem 0;
}

.collapsed-row {
    display: none;
}

/* 遮罩效果 */
/* .table-mask {
    position: relative;
}

.table-mask::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100rem;
    /* 遮罩高度，大约覆盖两行 */
/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9)); */
/* pointer-events: none; */
/* 允许点击穿透 */
/* transition: opacity 0.3s ease; */
/* } */

/* .table-mask.expanded::after { */
/* opacity: 0; */
/* 展开时隐藏遮罩 */
/* } */

#toggleRowsBtn {
    font-size: 12rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #718d9f;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 16rem;
}

.btn-arrow {
    width: 16rem;
    height: 16rem;
    margin-left: 8rem;
}

/* #endregion */

/* part9 */
/* #region */
.part_like {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 60rem;
}

.like_title {
    font-size: 24rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #0A1D3D;
    display: flex;
    align-items: center;
    justify-content: space-between;
    scroll-margin-top: 80rem;
}

.row {
    --bs-gutter-x: 0rem !important;
}

.item-box {
    font-size: 16rem;
}

.main-content {
    height: 310rem;
    gap: 8.6%;
}

.image-wrapper {
    width: 264rem;
    height: 230rem;
    border-radius: 4rem;
    border: 1rem solid #f5f5f5 !important;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.detail-div {
    width: 264rem;
    height: 310rem;
}

.detail-div:hover {
    box-shadow: 0 20rem 20rem rgba(0, 0, 0, 0.1) !important;
}

.image-wrapper img {
    max-width: 200rem;
    height: 200rem;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.image-wrapper img:hover {
    transform: scale(1.03);
}

.description {
    text-align: center;
    border: 1px solid #f5f5f5;
    border-top: none;
    background-color: #f5f5f5;
    width: 264rem;
    height: 80rem;
    padding-top: 10rem;
    text-align: left;
    padding-left: 10rem;
    border-bottom-right-radius: 4rem;
    border-bottom-left-radius: 4rem;
}

.desc_title1 {
    font-size: 16rem;
    font-weight: 600;
    font-family: Inter, Inter-600;
    color: #0E2A58;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.desc_title2 {
    font-size: 14rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

#items-container {
    margin-top: 21rem;
}

.pagination-container {
    margin-top: 20rem;
}

.pagination li a {
    font-size: 16rem;
}

#next-page {
    margin-left: 12rem;
}

.page-link {
    width: 40rem;
    height: 40rem;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-link img {
    width: 16rem;
    height: 16rem;
}

.page-link:focus {
    background-color: #ffffff !important;
    border-color: #0E2A58 !important;
}

.page-link:hover {
    background-color: #ffffff !important;
}

/* #endregion */

/* part10 */
/* #region */
.part_faq {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 60rem;
}

#faqHeadingOne button,
#faqHeadingTwo button,
#faqHeadingThree button {
    font-size: 14rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #333333;
}

#faqAccordion .accordion-item {
    margin: 8rem 0;
}

#faqAccordion .accordion-item:hover {
    background-color: #F7F8F9 !important;
}

.faq_text {
    font-size: 14rem;
    font-family: Inter, Inter-400;
    color: #485a64;
    line-height: 20rem;
    padding-right: 56rem;
    padding-top: 8rem;
}

/* #endregion */
.form-control {
    padding-left: 12rem;
}

.quote_file-input-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 14rem;
    height: 36rem;
    cursor: pointer;
}

.quote_file-input-wrapper input[type="file"] {
    width: 300rem !important;
    height: 36rem;
    opacity: 0;
    position: absolute;
    left: -55rem;
    border-radius: 4rem;
    cursor: pointer;
}

.modal_file-input-display {
    width: 275rem;
    height: 36rem;
    padding: 10rem;
    font-size: 13rem;
    color: #0068D7;
    border-radius: 4rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-right: none !important;
}

.quote_clear-button {
    width: 30rem;
    height: 36rem;
    border: none;
    padding-right: 14rem;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem;
    background: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1rem solid #eaeef6;
    border-bottom: 1rem solid #eaeef6;
    margin-top: 3rem;
}

.quote_clear-button img {
    width: 16rem;
    height: 16rem;
}

#regName,
#regEmail {
    color: #F23A3C;
    font-size: 10rem;
    opacity: 0;
    display: block;
}

#regFile{
    color: #F23A3C;
    font-size: 10rem;
    opacity: 0;
    display: block;
}

#quote_file-display img {
    width: 20rem;
    height: 20rem;
    margin-bottom: 3rem;
}

.form-textarea {
    padding-top: 4rem;
}

.pdf-preview-container {
    width: 330rem;
    height: 185rem;
    border: 1rem solid #ccc;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.swiper-slide {
    width: 100rem !important;
    height: 100rem;
    border-radius: 4rem;
    border: 1rem solid #eee;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 10rem;
}

#progress-container {
    width: 100%;
    background-color: #f3f3f3;
    border: 1rem solid #ccc;
    display: block;
    opacity: 0;
}

#progress-bar {
    width: 0;
    height: 10rem;
    background-color: #4caf50;
    text-align: center;
    line-height: 20rem;
    color: white;
}

.pdf_desc_item {
    width: 200rem;
    min-height: 80rem;
    padding: 10rem 10rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.noSpec {
    white-space: nowrap;
    color: #666666;
}

html {
    scroll-padding-top: 60rem;
}

.detail-div:hover .desc_title1 {
    color: #0068D7 !important;
    text-decoration: underline !important;
    text-decoration-color: #0068D7;
}

#quoteErrorPhone,
#quoteErrorMessage {
    font-size: 10rem;
    color: red;
    opacity: 0;
    display: block;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    background-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

.bearingDisplay {
    max-width: 100%;
    height: 44rem;
    font-size: 14rem;
    color: #333333;
    font-family: Inter, Inter-400;
}

.bearingDisplay div:last-child {
    margin-left: 32rem;
}

.form-check-label {
    margin-left: 8rem;
    cursor: pointer;
}

.form-check-input {
    width: 20rem !important;
    height: 20rem !important;
    vertical-align: text-bottom !important;
}

.iti__selected-flag {
    min-width: 87rem;
    width: auto;
}

/* 调整下拉项内边距 */
.iti__flag-box,
.iti__dial-code {
    font-size: 14rem;
}

.iti__selected-dial-code,
.iti__country-name {
    font-size: 14rem;
    color: #333333;
}

.iti__flag-box {
    display: none !important;
}

/* 可选：调整下拉菜单宽度 */
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    width: 70rem;
    /* 根据实际需要调整 */
}

.iti--separate-dial-code {
    width: 100%;
    margin-bottom: 0rem;
}

.quoteFormContainer {
    width: 264rem;
    height: 480rem;
    border-radius: 8rem;
    box-shadow: 0rem 8rem 44rem 0rem rgba(0, 0, 0, 0.05);
    ;
}

.quoteTitle {
    width: 100%;
    height: 36rem;
    background: #0e2a58;
    border-radius: 4rem 4rem 0px 0px;
    font-size: 16rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #ffffff;
    padding-left: 16rem;
    margin: 0;
    line-height: 36rem;
}

.quoteForm {
    height: 360rem;
    margin-top: 10rem;
}

.quoteForm .col-form-label {
    width: 16rem;
    font-size: 13rem;
    color: #F05D2F;
    height: 36rem;
    line-height: 36rem;
    padding-left: 5rem;
}

.quoteForm .form-control {
    width: 232rem;
    height: 36rem;
    background: #ffffff;
    border: 1rem solid #f0f0f0;
    border-radius: 2rem;
    margin-bottom: 14rem;
}

.quoteForm .form-textarea {
    font-size: 13rem;
}

#quoteMessage {
    margin-bottom: 0rem;
    height: 90rem;
    font-size: 13rem;
}

#quoteBtn {
    width: 168rem;
    height: 36rem;
    background: #ffb233;
    border-radius: 4rem;
    font-size: 16rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    color: #0a1d3d;
    outline: none;
    border: none;
    margin-top: 10rem;
}

#quoteBtn:active {
    background-color: #FF9F00;
}

.warnTips {
    font-size: 11rem;
    font-family: Inter, Inter-400;
    color: #e68e5e;
    text-align: center;
    margin-top: 10rem;
}

.quote_file-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 274rem;
    height: 36rem;
    border-radius: 4rem;
    cursor: pointer;
    border-right: 1rem solid #eaeef6;
}

#quoteName,
#quotePhone,
#quoteEmail {
    margin-bottom: 0;
}

#quoteForm input::placeholder,
#quoteMessage::placeholder {
    font-size: 12rem;
}

#quoteForm input:focus,
#quoteMessage:focus {
    outline: none;
    border-color: #0068D7;
    border-radius: 2rem;
}

.detail_right_box {
    width: 100%;
    height: 110rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20rem;
}

.detail_btn_box {
    width: 200rem;
    height: 48rem;
    display: flex;
    color: #fff;
    background: #0A1D3D;
    font-size: 14rem;
    font-family: 'Inter, Inter-400';
    font-weight: 400;
    border-radius: 4rem;
    overflow: hidden;
}

.detail_btn_icon {
    width: 60rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0A1D3D;
}

.detail_img_box {
    width: 30rem;
    height: 30rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
}

.detail_email {
    width: 180rem;
    height: 48rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Inter, Inter-400;
    color: #ffffff;
}

.detail_email_box {
    font-size: 13rem;
}

.detail_email span {
    font-family: 'Inter, Inter-600';
    font-weight: 600;
    color: #fde7a2;
}

.detail_btn_box_2 {
    width: 200rem;
    height: 48rem;
    border-radius: 4rem;
    border: 1rem solid #0A1D3D;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.detail_btn_icon2 {
    width: 60rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_box {
    width: 40rem;
    height: 40rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
}

.detail_contact {
    width: 236rem;
    height: 60rem;
    display: flex;
    align-items: center;
}

.detail_tel_box {
    width: 140rem;
    height: 40rem;
    display: flex;
    align-items: center;
    font-size: 14rem;
    font-family: Inter, Inter-600;
    font-weight: 600;
    color: #0A1D3D;
}
/* 确保这个样式存在 */
body.lb-disable-scrolling {
    overflow: hidden !important;
}
.productPop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .44);
    display: none;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 99;
}
.productPop.show{
    display: flex;
    opacity: 1;
}
.quoteContainer.show{
    transform: translateY(0);
    opacity: 1;
}
.quoteContainer{
    width: 788rem;
    height: 499rem;
    background-color: #fff;
    border-radius: 8rem;
    box-shadow: 0px 12px 36px 0px rgba(0, 0, 0, 0.12);
    transform: translateY(-50px);
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    box-sizing: border-box;
    display: flex;
}
.quote-left{
    padding: 28rem 12rem 0 12rem;
    box-sizing: border-box;
    width: 172rem;
    background-color: #F9FAFC;
    border-top-left-radius: 8rem;
    border-bottom-left-radius: 8rem;
    height: 100%;
}
.prodImgBox{
    width: 120rem;
    height: 120rem;
    box-shadow: 0px 12rem 36rem 0px rgba(0, 0, 0, 0.12);
    border-radius: 16rem;
    background-color: #ffffff;
}
.prodName{
    text-align: center;
    padding-bottom: 36rem;
    margin-bottom: 14rem;
    margin-top: 16rem;
    border-bottom: 1px dashed #EAEEF6;
    font-family: Helvetica;
    font-size: 16rem;
    line-height: 19rem;
    color: #333333;
}
.prodImgBox img{
    width: 84rem;
    height: 84rem;
    border-radius: 16rem;
}
.tagBox{
    background-color: rgba(255, 255, 255, .6);
    width: 100%;
    margin-top: 12rem;
    display: flex;
    align-items: center;
    column-gap: 8rem;
    padding: 9rem 0 11rem 12rem;
    box-sizing: border-box;
    border-radius: 4rem;
}
.tagBox img{
    width: 14rem;
    height: 14rem;
}
.tagBox div{
    font-family: Helvetica;
    font-size: 13rem;
    font-weight: 400;
    line-height: 15rem;
    color: #939BAB;
}

/* 右侧表单 */
.quote-right{
    padding: 28rem 4rem 28rem 25rem;
    box-sizing: border-box;
    flex: 1;
}

.productQuoteTitle{
    padding-right: 20rem;
    box-sizing: border-box;
    width: 100%;
}
.productQuoteTitleText{
    font-family: Helvetica;
    font-size: 24rem;
    font-weight: 700;
    line-height: 28rem;
    color: #222222;
}
.close-quote{
    width: 30rem;
    height: 28rem;
    cursor: pointer;
}
.close-quote img{
    width: 20rem;
    height: 20rem;
}
.productQuoteContent{
    padding-top: 14rem;
}
.quote_line_1{
    margin-top: 10rem !important;
    column-gap: 20rem;
    box-sizing: border-box;
}
.inputBox{
    margin-top: 4rem !important;
    box-sizing: border-box;
}
.ipt1{
    padding-right: 10rem !important;
    box-sizing: border-box;
    border: 1rem solid #EAEEF6;
    border-radius: 4rem;
    box-sizing: border-box;
    width: 274rem;
    height: 36rem;
    outline: none;
}
.line_3_inner .label{
    margin-bottom: 4rem;
}
.errorName{
    margin-top: 2rem;
    margin-bottom: 4rem;
    font-family: PingFang SC;
    font-size: 10rem;
    color: #F64C35;
}
.label {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    box-sizing: border-box;
    color: #666666;
}
.label span{
    color:red;
}
.companyName_input input{
    padding-right: 10rem !important;
    border: 1rem solid #EAEEF6;
    border-radius: 4rem;
    box-sizing: border-box;
    width: 568rem;
    height: 36rem;
    outline: none;
}
.quote_line_3{
    display: flex;
    margin-top: 20rem !important;
    column-gap: 20px;
    box-sizing: border-box;
}
#quoteMessage{
    width: 568rem;
}
#quoteBtn{
    margin-right: 20rem;
}