@charset "utf-8";

/* Public-site type scale. Keep icon fonts and business/status colors independent. */
:root {
    --jmt-font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --jmt-text-xs: 12px;
    --jmt-text-sm: 14px;
    --jmt-text-md: 16px;
    --jmt-text-lg: 20px;
    --jmt-text-xl: 24px;
    --jmt-brand-blue: #1165ff;
    --jmt-text-heading: #183b5b;
    --jmt-text-body: #374151;
    --jmt-text-secondary: #6b7280;
    --jmt-text-link: #126af2;
    --jmt-text-price: #c84032;
}

body {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-sm);
    color: var(--jmt-text-body);
}

body button,
body input,
body select,
body textarea,
body .ff-sc,
body .look-more {
    font-family: var(--jmt-font-family);
}

/* Shared header: text sizes do not affect the independent iconfont classes. */
#header_new_new .jmt-utility-bar .font-14,
#header_new_new .jmt-utility-bar select {
    font-size: var(--jmt-text-xs);
    font-weight: 400;
}

#header_new_new .index-tab .index-tab-title {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-md);
    font-weight: 500;
    color: var(--jmt-text-body);
    letter-spacing: 0;
}

#header_new_new .index-tab a:hover .index-tab-title {
    color: var(--jmt-text-link);
}

#header_new_new .index-tab a.head-nav-active .index-tab-title {
    font-weight: 600;
    color: #fff;
}

#header_new_new .header_index_keyword,
#header_new_new .header_index_keyword::placeholder {
    font-size: var(--jmt-text-sm);
}

#header_new_new .header_index_keyword {
    color: var(--jmt-text-body);
}

#header_new_new .header_index_keyword::placeholder {
    color: var(--jmt-text-secondary);
}

/* Common cards and filters are shared by product, supplier and regional pages. */
body .list_nr .munr .zi li a,
body .list_nr .munr .t,
body .goods-totalss,
body .spot-markicon,
body .s-markicon,
body .obtain {
    font-family: var(--jmt-font-family);
}

body .list_nr .munr .t {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    color: var(--jmt-text-heading);
}

body .list_nr .munr .zi li a {
    font-size: var(--jmt-text-sm);
    color: var(--jmt-text-body);
}

body .list_nr .munr .zi li .on,
body .list_nr .munr .zi li a:hover {
    color: var(--jmt-text-link);
}

body .tips-item .title-click {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    line-height: 22px;
    color: var(--jmt-text-body);
}

body .tips-item .nav-item-price {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-xl);
    font-weight: 600;
    line-height: 32px;
    color: var(--jmt-text-price);
    font-variant-numeric: lining-nums;
}

body .tips-item .biaoqian,
body .tips-item .lirunlv,
body .tips-item .spot-markicon,
body .tips-item .s-markicon {
    font-size: var(--jmt-text-xs);
    font-weight: 400;
}

body .tips-item .biaoqian {
    padding: 0 5px;
    line-height: 18px;
}

body .tips-item .jmt-card-price-block {
    min-height: 54px;
}

body .tips-item .jmt-card-reference-block {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
}

body .tips-item .jq-supplier,
body .tips-item .jq-spuplier {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    line-height: 22px;
    color: var(--jmt-text-body);
}

body .tips-item .shopinfo .fc-99 {
    font-size: var(--jmt-text-xs);
    line-height: 20px;
    color: var(--jmt-text-secondary);
}

body .tips-item .title-click:hover,
body .tips-item .jq-link:hover .jq-supplier,
body .tips-item .jq-link:hover .jq-spuplier {
    color: var(--jmt-text-link) !important;
}

/* Homepage section titles use the blue sampled from images/login3.png. */
body.jmt-home .gradient-text {
    width: auto;
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-xl);
    font-weight: 600;
    line-height: 34px;
    background: none;
    color: var(--jmt-brand-blue) !important;
    -webkit-text-fill-color: var(--jmt-brand-blue);
}

body.jmt-home .top-left-cate .fs-18,
body.jmt-home .topright-contents .fs-18 {
    font-size: var(--jmt-text-lg);
    font-weight: 600;
    line-height: 28px;
    color: #333;
}

/* Every section shares left/center/right anchors and a common vertical center. */
body.jmt-home .home-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: 24px;
    width: 100%;
    min-height: 34px;
    margin: 36px 0 0;
    padding: 0;
    box-sizing: border-box;
}

body.jmt-home .home-section-heading > .gradient-text {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    margin: 0;
    white-space: nowrap;
}

body.jmt-home .home-section-heading > .home-section-description {
    grid-column: 2;
    grid-row: 1;
    position: static;
    width: auto;
    margin: 0;
    font-size: var(--jmt-text-sm);
    line-height: 22px;
    color: var(--jmt-text-secondary);
    text-align: center;
}

body.jmt-home .home-section-more {
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-items: center;
    white-space: nowrap;
}

body.jmt-home .home-section-more .look-more {
    display: inline-flex;
    float: none;
    position: static;
    align-items: center;
    gap: 2px;
    width: auto;
    margin: 0;
    line-height: 22px;
}

body.jmt-home .home-section-content {
    margin-top: 16px;
}

body.jmt-home .home-supplier-list .swiper-slide {
    gap: 20px;
}

body.jmt-home .home-supplier-list .swiper-slide > a {
    flex: 0 0 calc((100% - 100px) / 6);
    min-width: 0;
    margin: 0;
}

body.jmt-home .home-supplier-list .spanstyle {
    width: 100%;
    box-sizing: border-box;
}

body.jmt-home .home-side-heading .other-icon span {
    background: #333;
}

body.jmt-home .top-cate-item-title,
body.jmt-home .topright-contents .top-cate-item .top-cate-item-title {
    font-size: var(--jmt-text-md);
    font-weight: 400;
    line-height: 24px;
    color: var(--jmt-text-body);
}

body.jmt-home .top-cate-item:hover .top-cate-item-title {
    color: var(--jmt-text-link);
}

body.jmt-home .fast-p-top > span,
body.jmt-home .smtitle-top > span,
body.jmt-home .spanstyle {
    font-size: var(--jmt-text-sm);
    line-height: 22px;
    color: var(--jmt-text-secondary);
}

body.jmt-home .look-more {
    font-size: var(--jmt-text-xs);
    font-weight: 400;
    color: var(--jmt-text-secondary);
}

body.jmt-home .tab-text {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-sm);
    font-weight: 400;
}

body.jmt-home .tab-active {
    font-weight: 500;
}

body.jmt-home .f-g-item > p,
body.jmt-home .video-card .video-title,
body.jmt-home .home-live-name {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    line-height: 22px;
    color: var(--jmt-text-body);
}

body.jmt-home .video-info .video-author,
body.jmt-home .home-live-platform,
body.jmt-home .home-dynamic-item {
    font-size: var(--jmt-text-xs);
}

body.jmt-home .home-dynamic-title {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
}

body.jmt-home .home-live-badge,
body.jmt-home .home-live-state {
    font-size: var(--jmt-text-xs);
    font-weight: 500;
}

/* Product lists: reserve two equal title lines, including dynamically loaded cards. */
body.jmt-home .tips-item .title-click,
body.jmt-product-list .tips-item .title-click {
    height: 44px !important;
    min-height: 44px;
    line-height: 22px;
}

body.jmt-product-list .tips-item .spot-company {
    max-width: 130px;
}

body.jmt-product-list .tips-item .obtain {
    flex-shrink: 0;
    font-size: var(--jmt-text-xs);
    font-weight: 500;
}

body.jmt-product-list .tips-item .shopinfo .fc-f657 {
    font-size: var(--jmt-text-lg);
    font-weight: 600;
    line-height: 28px;
    color: var(--jmt-text-price);
}

body.jmt-product-list .tips-item .shouna,
body.jmt-product-list .tips-item .contact1-info {
    font-size: var(--jmt-text-xs);
    color: var(--jmt-text-secondary);
}

body.jmt-product-list .contact1-info {
    min-height: 20px;
    margin-top: 4px;
    padding: 0 6px;
}

body.jmt-product-list .contact1-info .c-i-box span {
    font-size: var(--jmt-text-xs);
    line-height: 20px;
}

/* Product detail: typography is scoped away from image zoom and stock controls. */
body.jmt-product-detail .area,
body.jmt-product-detail .gv-bread,
body.jmt-product-detail .user-info,
body.jmt-product-detail .info-bottom-btn {
    font-family: var(--jmt-font-family);
}

body.jmt-product-detail .gv-bread,
body.jmt-product-detail .gv-bread a {
    font-size: var(--jmt-text-xs);
    color: var(--jmt-text-secondary);
}

body.jmt-product-detail .gv-hd-right {
    font-size: var(--jmt-text-sm);
    color: var(--jmt-text-body);
}

body.jmt-product-detail .step-price-top {
    height: auto;
    min-height: 64px;
    padding: 4px 0 12px;
}

body.jmt-product-detail .gv-hd-right .step-price-top .logop {
    font-size: var(--jmt-text-lg);
    font-weight: 600;
    line-height: 28px;
    color: var(--jmt-text-heading);
}

body.jmt-product-detail .gv-hd-right .step-price-wrap {
    height: auto;
    padding: 12px 0;
    color: var(--jmt-text-secondary);
}

body.jmt-product-detail .step-price-wrap > span {
    display: block;
    font-size: var(--jmt-text-sm);
    line-height: 32px;
    color: var(--jmt-text-secondary);
}

body.jmt-product-detail .jmt-detail-retail b {
    font-size: var(--jmt-text-sm);
    font-weight: 400;
    color: var(--jmt-text-secondary);
}

body.jmt-product-detail .step-price-wrap .jmt-detail-wholesale > i,
body.jmt-product-detail .step-price-wrap .jmt-detail-reference > b {
    font-size: var(--jmt-text-xl);
    font-weight: 600;
    line-height: 34px;
    color: var(--jmt-text-price);
}

body.jmt-product-detail .jmt-detail-wholesale > i > b {
    font-size: var(--jmt-text-xs);
    font-weight: 400;
    color: var(--jmt-text-secondary);
}

body.jmt-product-detail #J_gv_hd_right .jmt-detail-wholesale > i,
body.jmt-product-detail #J_gv_hd_right .jmt-detail-reference > b {
    color: var(--jmt-text-price);
}

body.jmt-product-detail .ad-infos,
body.jmt-product-detail .info-group,
body.jmt-product-detail .info-group .item-name,
body.jmt-product-detail .gv-gd-color .item-name,
body.jmt-product-detail .gv-gd-size .item-name,
body.jmt-product-detail .size-item-name,
body.jmt-product-detail .size-item-limit,
body.jmt-product-detail .size-item-op input,
body.jmt-product-detail .user-info-item {
    font-size: var(--jmt-text-sm);
    color: var(--jmt-text-body);
}

body.jmt-product-detail .info-item-name {
    font-size: var(--jmt-text-sm);
    color: var(--jmt-text-secondary);
}

body.jmt-product-detail .info-group .info-item > .item-name {
    flex: 0 0 48px;
    width: 48px !important;
    white-space: nowrap;
}

body.jmt-product-detail #supplier {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    color: var(--jmt-text-heading);
}

body.jmt-product-detail .item-but a,
body.jmt-product-detail #tab_nav a,
body.jmt-product-detail #fixedMenu a {
    font-size: var(--jmt-text-md);
    font-weight: 500;
}

body.jmt-product-detail #tab_nav .active a,
body.jmt-product-detail #fixedMenu .active a {
    font-weight: 600;
    color: var(--jmt-text-heading);
}

body.jmt-product-detail .tab_con {
    font-size: var(--jmt-text-sm);
    color: var(--jmt-text-body);
}

body.jmt-product-detail .goods-view,
body.jmt-product-detail .goods-view p,
body.jmt-product-detail .goods-view li {
    font-size: var(--jmt-text-md);
    font-weight: 400;
    line-height: 26px;
    color: var(--jmt-text-body);
}

body.jmt-product-detail .price-explanation h3 {
    font-size: var(--jmt-text-lg);
    font-weight: 600;
    line-height: 28px;
    color: var(--jmt-text-heading);
}

body.jmt-product-detail .price-explanation h5 {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    color: var(--jmt-text-body);
}

body.jmt-product-detail .price-explanation p {
    font-size: var(--jmt-text-sm);
    line-height: 24px;
    color: var(--jmt-text-secondary);
}

body.jmt-product-detail .jmt-related-heading {
    font-size: var(--jmt-text-md);
    font-weight: 600;
    color: var(--jmt-text-heading);
}

body.jmt-product-detail .jmt-related-name {
    height: 44px;
    font-size: var(--jmt-text-sm);
    line-height: 22px;
    color: var(--jmt-text-body);
}

body.jmt-product-detail .jmt-related-price {
    font-size: var(--jmt-text-lg);
    font-weight: 600;
    color: var(--jmt-text-price);
}

/* Other public columns reuse the same hierarchy and retain their own layouts. */
body .hh-content .lefts-titles .l-t-top a {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-md);
    font-weight: 500;
    color: var(--jmt-text-heading);
}

body .hh-content .lefts-titles .l-t-top > span {
    font-size: var(--jmt-text-sm);
    color: var(--jmt-text-secondary);
}

body .hh-content .goods-items-i > p {
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    line-height: 22px;
    color: var(--jmt-text-body);
}

body .item-content .item-title,
body .ed-page .ed-svc-title {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-md);
    font-weight: 600;
    line-height: 24px;
    color: var(--jmt-text-heading);
}

body .item-content .item-desc,
body .ed-page .ed-section-desc,
body .ed-page .ed-svc-desc {
    font-size: var(--jmt-text-sm);
    font-weight: 400;
    line-height: 22px;
    color: var(--jmt-text-secondary);
}

body .item-content .item-time,
body .article-meta,
body .ed-page .ed-svc-tag,
body .video-card .video-author {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-xs);
    font-weight: 400;
    color: var(--jmt-text-secondary);
}

body .article-title,
body .video-detail-title,
body .ed-page .ed-section-title {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-xl);
    font-weight: 600;
    line-height: 34px;
    color: var(--jmt-text-heading);
}

body .article-content,
body .article-content p {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-md);
    font-weight: 400;
    line-height: 26px;
    color: var(--jmt-text-body);
}

body .video-card .video-title,
body .tabs-content-title-box {
    font-family: var(--jmt-font-family);
    font-size: var(--jmt-text-sm);
    font-weight: 500;
    line-height: 22px;
    color: var(--jmt-text-body);
}

body .canton-fair .camton-item p {
    font-size: var(--jmt-text-sm);
    line-height: 22px;
    color: var(--jmt-text-body);
}

body .canton-fair .camton-item-top .content-liet > p:first-child {
    font-size: var(--jmt-text-md);
    font-weight: 600;
    color: var(--jmt-text-heading);
}

body .canton-fair .content-fair {
    font-weight: 500;
    color: var(--jmt-text-heading);
}

#footer_new_new .jmt-footer-nav-title,
#footer_new_new .jmt-footer-links {
    font-size: var(--jmt-text-sm);
}

#footer_new_new .jmt-footer-meta,
#footer_new_new .jmt-footer-brand-caption,
#footer_new_new .jmt-footer-qrcode figcaption {
    font-size: var(--jmt-text-xs);
}