@charset "UTF-8";
/* 平板及以下：左侧汉堡 + 居中 Logo + 右侧询报价；侧滑抽屉菜单 */
@media only screen and (max-width: 992px) {
    .menu-box {
        display: none;
    }
    .menu-box .menu-main .classification-event-box .classification-event,
    .menu-box .menu-main .classification-event-box .classification-event-child-box {
        display: none !important;
    }
    .phone-menu-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 9998;
    }
    .phone-menu-overlay.is-visible {
        display: block;
    }
    body.is-phone-menu-open {
        overflow: hidden;
    }
    .alssc-box .alssc-top-box {
        height: auto;
        padding: 10px 0;
    }
    .alssc-box .alssc-top-box .logo-search-shoppingCart {
        width: 100%;
        padding: 0 12px;
        display: grid;
        grid-template-columns: 44px 1fr auto;
        grid-template-areas: "menu logo actions";
        align-items: center;
        gap: 8px;
        box-sizing: border-box;
    }
    .alssc-box .alssc-top-box .logo-search-shoppingCart > .phone-menu-check {
        grid-area: menu;
        display: flex;
        justify-self: start;
    }
    .alssc-box .alssc-top-box .logo-search-shoppingCart > .logo {
        grid-area: logo;
        justify-self: center;
        width: auto;
        max-width: min(200px, 52vw);
        margin: 0;
    }
    .alssc-box .alssc-top-box .logo-search-shoppingCart > .logo img {
        max-height: 48px;
    }
    .alssc-box .alssc-top-box .logo-search-shoppingCart > .search {
        display: none;
    }
    .alssc-box .alssc-top-box .logo-search-shoppingCart > .menu-check-shoppingCart {
        grid-area: actions;
        justify-self: end;
    }
    .alssc-box .phone-menu-box {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: min(312px, 88vw);
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding: 0;
        background: var(--jq_color2);
        display: flex;
        flex-direction: column;
        transform: translateX(-100%);
        transition: transform 0.28s ease;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
        overflow-x: hidden;
        overflow-y: auto;
        will-change: transform;
    }
    .alssc-box .phone-menu-box.is-open {
        transform: translateX(0);
    }
    .alssc-box .phone-menu-box .phone-menu-drawer-head {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 52px;
        padding: 8px 12px;
        background: var(--jq_color2);
        border-bottom: 1px solid var(--jq_color8);
        flex-shrink: 0;
    }
    .alssc-box .phone-menu-box .phone-menu-drawer-close {
        border: none;
        background: transparent;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 24px;
        line-height: 1;
        color: var(--jq_color5);
        border-radius: 50%;
    }
    .alssc-box .phone-menu-box .phone-menu-search {
        flex-shrink: 0;
        margin: 12px;
        width: calc(100% - 24px);
        box-sizing: border-box;
    }
    .alssc-box .phone-menu-box .phone-menu {
        flex: 1;
        padding: 0 0 16px;
    }
    .alssc-box .phone-menu-box .phone-menu a {
        min-height: 48px;
        padding: 12px 20px;
        border-bottom: 1px solid var(--jq_color8);
        box-sizing: border-box;
        color: var(--jq_color5);
    }
    .alssc-box .phone-menu-box .phone-menu a:hover {
        background: var(--jq_color8);
        color: var(--jq_color5);
    }
}
/* 中型设备（平板电脑，768 像素及以上） */
@media only screen and (max-width: 768px) {
    :root {
        --jq_w1200: 100%;
    }

    /*
     * seemb5 手机端面包屑（categoryAll / 产品详情等）
     * 分类产品列表、搜索页由 category_filter_page.css 单独控制，不在此覆盖
     */
    .seemb5-page:not(.category-filter-page):not(.search-results-page) .crumbs-box {
        width: 100%;
        height: auto !important;
        line-height: 1.5 !important;
        margin: 10px 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 6px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        box-sizing: border-box;
        color: var(--jq_color18);
        font-size: var(--jq_fs2);
    }

    .seemb5-page:not(.category-filter-page):not(.search-results-page) .crumbs-box a {
        flex-shrink: 0;
        white-space: nowrap;
    }

    /*
     * 各页内容区手机留白（与 categoryAll 一致：左右 12px）
     * 使用 !important：各页专属 CSS 在 indexmedia 之后加载，否则会盖掉左右 padding
     */
    .seemb5-page.seemb5-category-all-page .product-box,
    .seemb5-page.category-branch-page .product-box,
    .seemb5-page.category-filter-page .typeList-box,
    .seemb5-page.search-results-page .typeList-box,
    .seemb5-page.seemb5-manufacturer-detail-page .typeList-box,
    .seemb5-page.product-detail-page .uaf-pd,
    .seemb5-page.seemb5-manufacturers-page .manufacturers-box .manufacturers,
    .seemb5-page.seemb5-news-page--list .technologiesd-box .technologiesd,
    .seemb5-page.seemb5-news-page--detail .technologiesDetail-box .technologiesDetail-main,
    .seemb5-page.seemb5-single-page .aboutUs-box .aboutUs-main,
    .seemb5-page.rfq-page .place-order-box .place-order {
        padding-top: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 28px !important;
        box-sizing: border-box;
    }

    .seemb5-page.product-detail-page .uaf-pd {
        padding-bottom: 30px !important;
    }

    .seemb5-page.rfq-page .place-order-box .place-order {
        padding-bottom: 20px !important;
    }
    .products-table.pc-phone {
        display: none;
    }
    .products-table.pc-phone.products-table-phone {
        display: flex;
    }
    .products-table-tds-hide .tbodys .trs .tds.hide {
        display: none;
    }
    .products-table-tds-hide .theads .ths .tds {
        font-size: var(--jq_fs1);
    }
    .products-table-tds-hide .theads .ths .tds.hide {
        display: none;
    }
    .AppProductsOtherList-box .AppProductsOtherList-item {
        flex-direction: column;
    }
    .AppProductsOtherList-box .AppProductsOtherList-item .field-img {
        width: 100px;
        height: 60px;
    }
    .AppProductsOtherList-box .AppProductsOtherList-item .field-number, .AppProductsOtherList-box .AppProductsOtherList-item .field-label, .AppProductsOtherList-box .AppProductsOtherList-item .field-value {
        width: 100%;
    }
    .jq-common-form .form-box.w50 .form-item {
        width: 100%;
    }
    .jq-common-form .form-box.form-left-right-box {
        flex-direction: column;
        width: 100%;
    }
    .jq-common-form .form-box.form-left-right-box .form-left {
        width: 100%;
    }
    .jq-common-form .form-box.form-left-right-box .form-right {
        width: 100%;
    }
    /* AppTipsEmailLanguage */
    .tel-box .tips-email-language {
        padding: 0 10px;
        justify-content: flex-end;
    }
    .tel-box .tips-email-language .tips {
        display: none;
    }
    /* AppLogoSearchShoppingCart */
    .alssc-box .alssc-top-box .logo-search-shoppingCart {
        padding: 0 10px;
    }
    .alssc-box .alssc-top-box .logo-search-shoppingCart .search {
        display: none;
    }
    /* AppMenu：992px 媒体查询已处理 */
    /* AppFooter */
    .footer-box {
        height: auto;
        background-size: auto;
    }
    .footer-box .footer .footer-main {
        flex-direction: column;
        justify-content: center;
    }
    .footer-box .footer .footer-main .company-message {
        width: 100%;
        padding: 0 20px;
        padding-top: 20px;
    }
    .footer-box .footer .footer-main .company-message .max-name {
        display: flex;
        justify-content: center;
    }
    .footer-box .footer .footer-main .company-message .min-name, .footer-box .footer .footer-main .company-message .time, .footer-box .footer .footer-main .company-message .email {
        justify-content: center;
    }
    .footer-box .footer .footer-main .resources-box {
        flex-direction: column;
        padding: 20px;
        align-items: flex-start;
    }
    .footer-box .footer .footer-main .resources-box .resources {
        width: 100%;
    }
    .footer-box .footer .footer-main .resources-box .resources .list {
        flex-direction: initial;
        flex-wrap: wrap;
    }
    .footer-box .footer .footer-main .resources-box .resources .list a {
        margin-right: 10px;
    }
    .footer-box .footer .footer-main .subscribe {
        padding: 20px;
    }
    .footer-box .footer .footer-bottom {
        height: auto;
        justify-content: center;
        flex-direction: column;
    }
    .footer-box .footer .footer-bottom .list-copyright {
        flex-direction: column;
        margin-bottom: 10px;
    }
    .footer-box .footer .footer-bottom .play {
        display: flex;
        align-items: center;
        padding-bottom: 10px;
    }
    /* AppBanner：手机端隐藏首页轮播及横幅分类区 */
    .banner-box {
        display: none;
    }
    /* page-index-FeaturedProducts */
    .featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item {
        width: calc(50% - 20px);
    }
    /* page-index-ShopByBrand */
    .shopByBrand-box .box-1200 .shopByBrand .shopByBrand-item {
        width: 100%;
    }
    /* page-index-Technologiess */
    .technologies-box .box-1200 .technologies .technologies-max {
        height: auto;
        flex-direction: column;
    }
    .technologies-box .box-1200 .technologies .technologies-max .technologies-item {
        width: 100%;
    }
    .technologies-box .box-1200 .technologies .technologies-min {
        height: auto;
        flex-direction: column;
    }
    .technologies-box .box-1200 .technologies .technologies-min .technologies-item {
        width: 100%;
    }
    .technologies-box .box-1200 .technologies .technologies-min .technologies-item .img {
        height: 295px;
    }
    /* page-index-Classification */
    .classificationd-box .classificationd .classificationd-main a {
        width: 50%;
        padding: 0 10px;
    }
    /* page-manufacturers（留白见 .seemb5-page.seemb5-manufacturers-page .manufacturers） */
    .manufacturers-box .manufacturers .manufacturers-list .list-box a {
        width: 100%;
    }
    /* page-manufacturers-typeList（面包屑留白见 .seemb5-page .typeList-box 统一规则） */
    .typeList-box .typeList-main .typeList .typelist-items .typelist-content.typelist-content-max {
        display: none;
    }
    .typeList-box .typeList-main .typeList .typelist-items .typelist-content-min {
        display: block;
        width: 100%;
        padding: 20px;
        font-size: var(--jq_fs2);
        line-height: 24px;
    }
    .typeList-box .typeList-main .typeList .typelist-items .typelist-content-min img {
        float: left;
        width: 100%;
    }
    /* page-technologies */
    .technologiesd-box .technologiesd .technologiesd-list .list-items {
        width: 100%;
    }
    .technologiesDetail-box .technologiesDetail-main .technologiesDetail {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box {
        width: 100%;
        padding-right: 0;
    }
    .technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .tDetail-left-title {
        width: 100%;
    }
    .technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box {
        width: 100%;
    }
    /* page-rfq */
    .rfq-box .rfq {
        padding: 0 10px;
    }
    .rfq-box .rfq .rfq-list .list-box .req-form {
        width: 100%;
    }
    .rfq-box .rfq .rfq-list .list-box .req-form .el-form .el-form-item {
        width: 100%;
    }
    /* page-aboutUs */
    .aboutUs-box .aboutUs-main .aboutUs {
        justify-content: center;
        flex-direction: column;
    }
    .aboutUs-box .aboutUs-main .aboutUs .aboutMenu {
        width: 100%;
        margin-right: 0;
    }
    .aboutUs-box .aboutUs-main .aboutUs .aboutMenu.show {
        display: none;
    }
    .aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone.show {
        display: flex;
    }
    .aboutUs-box .aboutUs-main .aboutUs .aboutContent {
        width: 100%;
        padding-left: 0px;
    }
    .aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form {
        padding: 30px 0;
    }
    /* page-product */
    .product-box .integratedCircuits {
        padding: 0 10px;
    }
    .product-box .integratedCircuits .integratedCircuits-content {
        padding: 0;
    }
    .product-box .integratedCircuits .integratedCircuits-content .ic-items {
        width: 100%;
    }
    /* page-product-slug */
    .product-box .product-main {
        padding: 0 10px;
    }
    .product-box .product-main .product-content {
        justify-content: center;
        flex-direction: column;
    }
    .product-box .product-main .product-content .product-left-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .product-box .product-main .product-content .product-left-box .enlarge {
        flex-direction: column;
    }
    .product-box .product-main .product-content .product-left-box .enlarge .enlarge-img {
        width: 100%;
    }
    .product-box .product-main .product-content .product-left-box .enlarge .enlarge-table {
        width: 100%;
        padding: 0;
    }
    .product-box .product-main .product-content .product-right-box {
        width: 100%;
    }
    .roductsCategory-list .roductsCategory-list-content a {
        width: 100%;
    }
}