﻿/*product-menu*/
.product-menu-box{ position:relative;}
.product-menu-box-left{ width:25%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; position:sticky; left:0; top:0; }
.product-menu-box-left h1{ font-size:1.5rem; line-height:36px; margin-bottom:10px;}
.product-menu-box-left ul{ max-height:500px; overflow-y:auto;}
.product-menu-box-left ul li{ height:30px; line-height:30px; overflow:hidden;}
.product-tab-pane-tags li{ line-height:26px; display:block; width:50%;}
.msg-rfq a{ width:100% !important;}
.products-detail-price-list .msg-tips a{ width:auto !important;}

.product-menu-box-left-search{ width:100%; height:42px; margin-bottom:10px;}
.product-menu-box-left-search input{ width:80%; height:42px; line-height:40px; border:1px solid #eee; border-radius:6px 0 0 6px; background:#f7f7f7; padding:0 15px;}
.product-menu-box-left-search button{ width:20%; line-height:42px; height:42px; text-align:center; color:#fff;  border-radius: 0 6px 6px 0 ;border:none; background:#c2272d; font-size:1.2rem; }

.product-menu-box-right-main{width:73%; height:auto;}
.category-search-wrap{ width:100%; margin-bottom:10px;  position:relative;}
.category-search-wrap input{ border:none; width:100%; border-radius:6px; padding:20px;  border:1px solid #eee;}
.category-search-clear{ position:absolute; right:20px; top:20px; font-size:1.4rem; z-index:666;}

.product-menu-box-right{ width:100%; height:auto; }
.product-menu-box-right dl{ width:100%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; margin-bottom:15px;}
.product-menu-box-right dl dt{ width:100%; height:auto; font-weight:bold; font-size:1.2rem; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden;}
.product-menu-box-right dl dt img{ margin-right:10px; width:28px; height:28px;}
.product-menu-box-right dl dd{ padding:20px 0;     -webkit-column-count: 2; column-count: 2;}
.product-menu-box-right dl dd a{ display:block;  height:26px; line-height:26px; overflow:hidden;}
.product-menu-box-right dl dd .product-menu-box-item{ width:100%;  margin:0 0.5%;   line-height:30px;}
.product-menu-box-right  ul li a{ display:block; font-size:0.9rem; line-height:20px !important; color:#666; padding-left:10px;}
.product-menu-box-right  ul li a:before{ content:"·"; padding-right:10px; font-size:1.2rem;}
.product-menu-box-right a:hover{ color:#c2272d; text-decoration:underline;}

.products-sub-menu{}
.products-sub-menu h1{ font-size:1.8rem; text-align:center; line-height:32px; margin-bottom:20px;}
.products-sub-menu-list{width:100%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; -webkit-column-count: 2; column-count: 2;}
.products-sub-menu-list a{display:block;  height:26px; line-height:26px; overflow:hidden;}
.products-sub-menu-list .product-menu-list-item{ width:100%;  margin:0 0.5%;   line-height:30px;}
.product-menu-box-right  ul li a{ display:block; font-size:0.9rem; line-height:20px !important; color:#666;}
.product-menu-box-right  ul li a span{ font-size:1.1rem; margin-right:8px;}


.products-list-info{height:auto; border:1px solid #eee; border-radius:6px; padding:20px; background:#fff; margin-bottom:20px;}
.products-list-info h1{ font-size:1.4rem; color:#111; line-height:36px;}
.products-list-info h1 i{ margin-left:5px; color:#c2272d; font-size:1.1rem; font-weight:normal;}
.products-list-info-content{ font-size:1rem; line-height:25px;}

/* Category SEO content / FAQ */
.category-seo-section,
.category-faq-section{
    margin-top:20px;
}

.category-seo-card,
.category-faq-card{
    width:100%;
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    padding:28px 30px;
    box-shadow:0 6px 18px rgba(0,0,0,.04);
}

.category-seo-body,
.category-faq-body{
    font-size:15px;
    line-height:1.8;
    color:#3d4653;
}

.category-seo-body h2,
.category-faq-title h2{
    font-size:1.45rem;
    line-height:34px;
    color:#111;
    margin:0 0 14px 0;
}

.category-seo-body h3,
.category-faq-body h3{
    font-size:1.05rem;
    line-height:28px;
    color:#111;
    margin:18px 0 6px;
}

.category-seo-body p,
.category-faq-body p{
    margin:0 0 12px;
}

.category-seo-body ul,
.category-seo-body ol,
.category-faq-body ul,
.category-faq-body ol{
    padding-left:22px;
    margin:10px 0 15px;
}

.category-seo-body li,
.category-faq-body li{
    margin:4px 0;
}

.category-seo-body table,
.category-faq-body table{
    width:100%;
    border-collapse:collapse;
    margin:15px 0;
}

.category-seo-body table th,
.category-seo-body table td,
.category-faq-body table th,
.category-faq-body table td{
    border:1px solid #e5e7eb;
    padding:9px 12px;
    text-align:left;
}

.category-seo-body img,
.category-faq-body img{
    max-width:100%;
    height:auto;
}



.category-seo-title{
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid #eee;
    padding-bottom:12px;
    margin-bottom:16px;
}

.category-seo-title i{
    font-size:1.35rem;
    color:#C2272D;
}

.category-seo-title h2{
    margin:0;
    font-size:1.45rem;
    line-height:34px;
    color:#111;
}

.category-faq-title{
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid #eee;
    padding-bottom:12px;
    margin-bottom:4px;
}

.category-faq-title i{
    font-size:1.35rem;
    color:#C2272D;
}

.category-faq-title h2{
    margin:0;
}

.category-faq-body h3{
    position:relative;
    padding-left:20px;
}

.category-faq-body h3:before{
    content:"Q";
    position:absolute;
    left:0;
    top:0;
    color:#C2272D;
    font-weight:bold;
}

@media (max-width:768px){
    .category-seo-card,
    .category-faq-card{
        padding:20px;
    }

    .category-seo-body,
    .category-faq-body{
        font-size:14px;
        line-height:1.7;
    }

    .category-seo-body h2,
    .category-faq-title h2{
        font-size:1.2rem;
        line-height:30px;
    }
}


.products-list-featured-parts{height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; margin-top:20px;}
.products-list-featured-parts b{display:block; font-size:1.4rem; color:#111; line-height:36px; margin-bottom:10px;}
.products-list-featured-pro dl{ width:20%; overflow:hidden; padding:20px;}
.products-list-featured-pro dl:nth-child(even){ background:#f7f7f7;}
.products-list-featured-pro dl dt{ text-align:center;}
.products-list-featured-pro dl dt img{ width:50%; height:auto;}
.products-list-featured-pro dl dd{ padding-top:10px;}
.products-list-featured-pro dl dd a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold;}
.products-list-featured-pro dl dd em{ display:block; line-height:24px; height:24px; overflow:hidden; }


.products-list-manufacturers{height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; margin:20px auto;}
.products-list-manufacturers h2{ display:block; font-size:1.4rem; color:#111; line-height:36px; margin-bottom:10px;}
.products-list-manufacturers-list{}
.products-list-manufacturers-list a{ display: block; width: 15.66%; margin-bottom: 0.8%; padding: 15px 25px; text-align: center; box-shadow: 0px 4px 8px 1px rgba(27,58,125,0.08); border-radius: 6px; border: 1px solid #E7EBF2;}
.products-list-manufacturers-list a img{ width: 100%; height: auto;}


/*product-list-select*/
.product-list-select{overflow:hidden; padding:10px;height:auto;background:#e8eef3;margin-bottom:20px; width:98%;}
.specList{overflow:hidden;width:100%;margin-bottom:10px;overflow-x:auto}
.tableSort{width:100%}
.tableSort th{text-align:center;padding:0 5px;font-weight: normal;color: #000;}
.tableSort th.select-item{padding:5px}
.tableSort th.select-item label{ display:block;}
.tableSort th.select-item input{margin-right:5px}
.tableSort th div{height:132px; min-width:200px; background:#fff;padding:10px;overflow-y:auto;white-space:nowrap;display:block;text-align:left;font-size:12px;line-height:20px;font-weight:400}
.tableSort th .keyinpt input{margin-bottom:5px;display: block; width:100%; border-radius:4px; box-sizing:border-box; padding:0 5px 0 35px; height:28px; line-height:28px; background:#fff url(../images/Gsea.png) no-repeat 10px center; border:1px solid #ccc;}
.key-wrap{padding:5px 13px}
.key-wrap .key-item{margin:0 10px 10px 0;display:inline-block;zoom:1;padding:0 6px;height:22px;border:1px solid #dedede;font-size:12px;line-height:22px;background:#fff;cursor:pointer}
.key-wrap .key-item:hover{background:#C2272D;color:#fff}
.key-wrap .key-item .close-icon{vertical-align:-3px;margin-left:7px;display:inline-block;zoom:1;width:15px;height:15px;cursor:pointer;background-image:url(../images/del.png)}
.criteria-result-wrap{padding:0 15px}
.clear-btn{vertical-align:top;display:inline-block;zoom:1;width:98px;height:34px;background-color:#333;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer; margin-right:10px;}
.sure-btn{vertical-align:top;display:inline-block;zoom:1;width:130px;height:34px;background-color:#C2272D;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.statistics-info{margin-left:17px;vertical-align:top;display:inline-block;zoom:1;height:34px;font-size:14px;line-height:34px;color:#666}
.tableSort th div::-webkit-scrollbar {
    width: 4px;
    height:4px
}
.tableSort th div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.tableSort th div::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
} 
.specList::-webkit-scrollbar {
    width: 6px;
    height:6px;
}
.specList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#5e7e9a;}
.specList::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
} 


/*product-list*/
.parts-list .jss187{
    position:relative;
    width:98%;
    overflow-x:auto;
    overflow-y:visible;
    padding-bottom:20px;
    white-space:nowrap;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.parts-list .jss187::-webkit-scrollbar{
    display:none;
}

.parts-list h2{
    font-size:14px;
    font-weight:normal;
}

.parts-list table{
    border:1px solid #ccc;
    border-collapse:separate;
    border-spacing:0;
    width:max-content;
    min-width:100%;
    background:#fff;
}

.parts-list th{
    border:1px solid #ccc;
    background:#253245;
    font-weight:normal;
    color:#fff;
    font-size:13px;
    padding:8px 5px;
    text-align:center;
    position:relative;
    z-index:2;
}

.parts-list table tr:hover td{
    background:#fff9ee;
}

.parts-list table tr:nth-child(even) td{
    background:#eaeaea;
}

.parts-list td{
    border:1px solid #ccc;
    font-size:13px;
    padding:4px 5px;
    text-align:center;
    vertical-align:middle;
    background:#fff;
    position:relative;
}

.parts-list td.price p{
    display:flex;
    justify-content:flex-end;
}

.parts-list td.parts{
    min-width:230px;
}

.parts-list td.pdf{
    min-width:120px;
}

.parts-list td.parts a{
    color:#c2272d !important;
}

.parts-list td img{
    max-width:60px;
    height:auto;
}

.parts-list td .selectnum input{
    width:auto;
    height:32px;
    line-height:32px;
    border:1px solid #eee;
    border-radius:3px;
    text-align:center;
}

.parts-list td .selectbtn{
    width:100%;
    height:auto;
    margin-top:6px;
    padding:0 10px;
    min-width:150px;
}

.parts-list td .selectbtn a{
    display:block;
    cursor:pointer;
    width:auto;
    padding:0 15px;
    height:36px;
    line-height:36px;
    background:#c2272d;
    border-radius:3px;
    color:#fff;
}

/* 左侧冻结列 */
.parts-list .sticky-col{
    position:sticky;
    z-index:3;
    background:#fff;
}

.parts-list th.sticky-col{
    z-index:6;
    background:#666666;
}

.parts-list .sticky-col-1{
    left:0;
    width:110px;
    min-width:110px;
}

.parts-list .sticky-col-2{
    left:110px;
    width:230px;
    min-width:230px;
}

/* 冻结列在偶数行保持底色 */
.parts-list table tr:nth-child(even) td.sticky-col{
    background:#eaeaea;
}

/* hover 时冻结列也跟着高亮 */
.parts-list table tr:hover td.sticky-col{
    background:#fff9ee;
}

/* 冻结列右边加阴影，区分内容区 */
.parts-list .sticky-col-2{
    box-shadow: 2px 0 6px rgba(0,0,0,0.08);
}

/* 固定滚动条 */
.fixed-scrollbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 777;
    height: 15px;
    background: #f0f0f0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.scroll-content {
    height: 1px;
}

.fixed-scrollbar::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 10px;
    height: 10px;
}

.fixed-scrollbar::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.fixed-scrollbar::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    border-radius: 10px;
}
.msg-tips{ position:fixed; left:50%; top:30%; margin-left:-160px; z-index:888; text-align:center; background:#fff; border-radius:6px;  box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:320px; padding:20px; margin-left:-150px; margin-top:0;}
.msg-tips .msg{ position:relative;}
.msg-tips strong{ font-size:1rem; line-height:32px;}
.msg-tips p{ font-size:1rem; line-height:32px;}
.msg-tips a{ margin:0 3px; display:block; cursor:pointer; width:auto; padding:0 15px; height:36px; line-height:36px; background:#c2272d; border-radius:3px; color:#fff;}
.msg-tips a:last-child{ background:#000 !important;}
.msg-tips p b{ color:#c2272d;}
.msg-tips i{ width:14px; height:14px; position:absolute; right:-10px; top:-10px; cursor:pointer;}
.msg-tips i span{ display:none;}

/*product-detail*/
.copy-row {
    cursor: pointer;
}

.products-detail-top{ width:100%;}
.products-all-main{ width:100%; position:relative;}
.products-detail-left{ width:65%; }
.products-detail-left-info{ background:#fff; padding:30px;  border-radius:6px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06);}
.products-detail-left-info h1{font-size:1.3rem; line-height:36px; margin-bottom:15px; }
.products-detail-left-info h2{font-size:1.3rem; line-height:36px; margin-bottom:15px; }
.products-detail-left-info-pic{ width:25%; text-align:center;}
.products-detail-left-info-pic img{  }
.products-detail-left-info-pic a.sub_compare{ width:100%; height:46px; line-height:46px; background:#C2272D; border-radius:6px; color:#fff; display:block; margin:15px auto 0 auto;}
.products-detail-left-info-pic p a{ display:block; cursor:pointer; margin-top:15px; height:auto;}
.products-detail-left-info-pic p a img{width:100%; height:auto;}
.products-detail-left-info-pic a i{ margin-right:10px; display:inline-block;}



/*img preview*/
	.pic-box{width: 100%; position:relative;}
	.pic-preview{position:relative;width: 100%;height: auto;}
	.pic-scroll{margin-top:10px;width: 100%; height:70px;}
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{display:block;font-family:"宋体";text-align:center;width: 10px;font-size: 13px;height:60px;line-height:60px;border:1px solid #e8e8e8;background:#f7f7f7;cursor:pointer;color: #000 !important;border-radius: 0px;text-decoration:none;}
	.pic-scroll .items{position:relative;float:left;width: calc(100% - 26px);height:62px;overflow:hidden;}
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }

    /* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:100%; height:auto; border:none; cursor:crosshair; }
    .jqzoom img{ width:100%; height:auto; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:254px; height:254px; background:#fff; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:254px; max-height:254px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }
.items-pic img{   width:100%; height:auto;}


.products-detail-left-info-iso{background:#fff; padding:20px; border:1px solid #ddd; border-radius:6px; margin-top:15px;}
.products-detail-left-info-iso img{ width:100%; height:auto;}


.products-detail-left-info-list{ width:70%; }

.products-detail-left-info-list dl{
    min-height:36px;
    line-height:18px;
    margin-bottom:7px;
    overflow:visible;
}

.products-detail-left-info-list dl dt{
    width:22%;
    line-height:36px;
}

.products-detail-left-info-list dl dd{
    width:76%;
    min-height:36px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    line-height:24px;
}

.products-detail-left-info-list dl dd input{
    max-width:120px;
    height:36px;
    line-height:18px;
    border:1px solid #eee;
    border-radius:3px;
    text-align:center;
    margin-right:5px;
}

.products-detail-left-info-list dl .flex a{
    margin:0 3px;
    display:block;
    cursor:pointer;
    width:auto;
    padding:0 15px;
    height:36px;
    line-height:36px;
    background:#C2272D;
    border-radius:18px;
    color:#fff;
}

.products-detail-left-info-list dl dd p{
    margin-right:15px;
}

.products-detail-left-info-list dl dd p span{
    color:#C2272D;
}

/* 普通文本 */
.products-detail-left-info-list dl dd em{
    font-style:normal;
    color:#222;
    line-height:24px;
}

/* 普通链接 */
.products-detail-left-info-list dl dd > a{
    color:#222;
    line-height:24px;
    word-break:break-word;
}

.products-detail-left-info-list dl.copy-row dd b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:36px;
    line-height:36px;
    padding:0 14px;
    margin:0 0 0 4px;
    font-size:14px;
    font-weight:500;
    font-style:normal;
    color:#C2272D;
    background:#fff7f7;
    border:1px solid #efb8bc;
    border-radius:8px;
    cursor:pointer;
    white-space:nowrap;
    box-sizing:border-box;
    transition:all .2s ease;

    /* 默认隐藏 */
    opacity:0;
    visibility:hidden;
    transform:translateY(3px);
    pointer-events:none;
}

.products-detail-left-info-list dl.copy-row dd b.show-copy{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

.products-detail-left-info-list dl.copy-row dd b i{
    display:inline-block;
    width:16px;
    height:16px;
    position:relative;
    flex:0 0 16px;
}

.products-detail-left-info-list dl.copy-row dd b i:before,
.products-detail-left-info-list dl.copy-row dd b i:after{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border:2px solid #C2272D;
    border-radius:2px;
    background:#fff7f7;
    box-sizing:border-box;
}

.products-detail-left-info-list dl.copy-row dd b i:before{
    left:3px;
    top:0;
}

.products-detail-left-info-list dl.copy-row dd b i:after{
    left:0;
    top:3px;
}

.products-detail-left-info-list dl.copy-row dd b.copied{
    background:#C2272D;
    border-color:#C2272D;
    color:#fff;
}

.products-detail-left-info-list dl.copy-row dd b.copied i:before,
.products-detail-left-info-list dl.copy-row dd b.copied i:after{
    border-color:#fff;
    background:#C2272D;
}

/* PDF链接保持红色 */
.products-detail-left-info-list dl dd a.gooods-pdf-links{
    color:#C2272D;
}

.products-detail-left-info-list dl dd a.gooods-pdf-links img{
    margin-right:5px;
}



.products-detail-left-tabcontent{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px; margin-top:15px;}
.products-detail-left-tabcontent h2{font-size:1.4rem; line-height:36px; margin-bottom:15px;}
.products-detail-left-tabcontent a{ font-size:1rem; font-weight:normal;}
.products-spec ul.product-tab-ul{ width:100%; height:42px; line-height:41px; border-bottom:2px solid #eee; text-align:center;}
.products-spec ul.product-tab-ul li{ display:inline-block; padding:0 25px; height:41px; cursor:pointer;}
.products-spec ul.product-tab-ul li.thistab{ background:#C2272D; color:#fff; border-radius:3px 3px 0 0; }
.product-tab-pane{ padding:25px 0; width:100%;}

.product-tab-pane h3{font-size:1rem; line-height:32px; margin-bottom:5px;}
.product-tab-spec{}
.product-tab-spec dl{ width:100%; height:42px; line-height:42px;  display:flex; justify-content:space-between;}
.product-tab-spec dl:nth-child(even){ background:#f7f7f7;}
.product-tab-spec dl dt{ width:40%; padding:0 5px;}
.product-tab-spec dl dd{ width:60%;}
.product-tab-spec .criteria-result-wrap{ margin:15px 0;}
.product-tab-faq{ line-height:28px;}
.renavgiton li{ display:block;  width:50%; line-height:32px; height:32px; overflow:hidden;}
.renavgiton li span{ color:#999; padding-left:10px;}
.product-tab-pane table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.product-tab-pane table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
.product-tab-pane table td img{ max-width:120px;}
 .product-tab-pane table tr {
        background: #fff;
    }

.product-tab-pane-hot-list a{ display:block; width:25%; height:32px; line-height:32px; overflow:hidden;  font-size: 14px;}
.product-tab-pane .product-title-box { border-bottom: 1px solid #eee; display: flex; padding-bottom: 6px; width: 100%;}
.product-tab-pane .product-title-box li {color: #333; flex: 2; font-size: 14px;  font-weight: 700;padding: 10px;}

.product-tab-pane .product-cot-box { width: 100%;}
.product-tab-pane .product-cot-box li { align-items: center; text-align: left; display: flex; font-size: 14px; height: 60px;width: 100%; }
.product-tab-pane .product-cot-box li a {color: #C2272D; margin: 0; flex: 2; padding: 0 10px;}
.product-tab-pane .product-cot-box li p {flex: 2;padding: 0 10px;}
.product-tab-pane .product-cot-box li:nth-child(even) {background: #f7f7f7; }

.product-tab-pane .product-tab-pane-manul a{ display:block; line-height:26px;}
.product-tab-pane .product-tab-pane-manul a i{ font-size:1.1rem; margin-right:5px;}
.product-tab-pane .product-tab-pane-package dl{ width:31.3%;}
.product-tab-pane .product-tab-pane-package dl dt img{ width:100%; height:auto;}
.product-tab-pane .product-tab-pane-package dl dd{ line-height:26px; padding:10px 0;}

.products-detail-rela{}
.products-detail-rela dl{ width:24%; height:auto; text-align:center; margin:5px 0;}
.products-detail-rela dl dt img{ width:120px; height:120px;}
.products-detail-rela dl dd{ padding:10px 0;}
.products-detail-rela dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}
.products-detail-rela dl dd p{ display:block; height:24px; line-height:24px; overflow:hidden;}

.product-tab-similar{ width:100%; padding-top:10px;}
.product-tab-similar ul.pro-simitop{ width:100%;  border-bottom:1px solid #C2272D;}
.product-tab-similar ul.pro-simitop li{ line-height:42px; font-weight:bold; width:20%;}
.product-tab-similar ul.pro-simitop li:last-child{ width:40%;}

.product-tab-similar ul.pro-simibot{ width:100%; padding:10px 0;}
.product-tab-similar ul.pro-simibot li{ width:100%; border-bottom:1px solid #eee; padding:8px 0; line-height:24px;}
.product-tab-similar ul.pro-simibot li a{ display:block; width:20%; color:#C2272D;}
.product-tab-similar ul.pro-simibot li em{ display:block; width:20%;}
.product-tab-similar ul.pro-simibot li i{ display:block; width:40%;}

.posts-posi{ position:sticky; right:0; top:0;}
.products-detail-right{ width:34%; background:#fff;   box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06); border-radius:6px; padding:30px;}
.products-detail-right-box{}
.products-detail-right-rfq{ }
.products-detail-right-rfq h2{font-size:1.2rem; line-height:26px; color:#fff; background:#C2272D; padding:10px 25px;}
.products-detail-right-rfq h2 i{ color:#fff;}
.products-detail-right-rfq h3{font-size:1.2rem; line-height:22px; padding:10px 0;}
.products-detail-right-rfq h3 span{font-size:0.9rem; line-height:22px; display:inline-block; font-weight:normal;  }
.products-detail-right-rfq-fed{padding:0 25px 15px 25px;}
.products-detail-right-rfq dl{ width:100%;  line-height:34px; border:1px solid #ddd; border-radius:3px; padding:0 15px; margin-top:5px;}
.products-detail-right-rfq dl dt{ width:30%; }
.products-detail-right-rfq dl dd{ width:70%;}
.products-detail-right-rfq dl dd input{ width:100%; border:none; font-size:0.9rem; height:34px; line-height:34px; background:none; }
.products-detail-right-rfq dl dd textarea{ border:none; font-size:0.9rem; height:78px; width:100%; background:none; color:#fff; line-height:26px; padding:10px 0;}
.products-detail-right-rfq dl.product-textarea{ height:80px; }
.products-detail-right-rfq button{ width:100%; height:42px; line-height:42px; background:#C2272D; color:#fff; border-radius:30px; border:none; font-size:1rem; margin-top:10px;}

.products-detail-right-order{ position:relative;}
.products-detail-right-order h2{font-size:1.5rem; line-height:26px; margin-bottom:15px;}
.products-detail-right-order h3{font-size:1.1rem; line-height:26px; color:#c2272d; margin-bottom:20px;}
.products-detail-right-order dl{ width:100%;}
.products-detail-right-order dl dt{ font-size:1rem; line-height:32px; margin-bottom:5px; width:100%;}
.products-detail-right-order dl dd{ width:100%;}
.products-detail-right-order dl dd input{ width:50%; height:42px; line-height:42px; border-radius:6px; border:1px solid #111; padding:0 25px;}
.products-detail-right-order dl dd input:focus{
  border-color: #d9d9d9;
  box-shadow: 0 0 0 4px rgba(0,0,0,.04);
}

.products-detail-right-order dl dd div.flexbtn{ width:100%; margin-top:20px;}
.products-detail-right-order dl dd div.flexbtn a{ display:block; width:48%; text-align:center; font-size:1rem;  height:42px; border-radius:6px; cursor:pointer;}
.products-detail-right-order dl dd div.flexbtn a.btnbuy{ border:2px solid #ddd; line-height:38px; }
.products-detail-right-order dl dd div.flexbtn a.btnbuy:hover{ background:#f7f7f7;}
.products-detail-right-order dl dd div.flexbtn a.btnbuy1{ background:#c2272d; color:#fff; line-height:42px; }
.products-detail-right-order dl dd div.flexbtn a.btnbuy1:hover{ background:#000;}

.products-detail-price-list{ }
.products-detail-price-list h2{font-size:1.4rem; line-height:26px; margin-bottom:15px; }
.products-detail-price-list h2 i{ color:#C2272D;}
.products-detail-price-list table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    margin-bottom:10px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.products-detail-price-list table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px; text-align:center;
        padding: 6px;
    }
.products-detail-price-list tr {
        background: #fff;
    }
.products-detail-price-list tr:nth-child(odd){ background:#f7f7f7;}
.products-detail-price-list a{ display:block; width:49%; text-align:center; height:42px; line-height:42px; background:#C2272D; color:#fff; border-radius:6px; border:none; font-size:1rem;}
.products-detail-right-ad{ width:100%; margin-top:15px;}
.products-detail-right-ad img{ width:100%; height:auto;  border-radius:6px;}

.products-detail-right-rela{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px; margin-top:15px; width:34%;}
.products-detail-right-rela h2{ margin-bottom:10px; font-size: 1.4rem; line-height: 36px;}
.products-detail-right-rela dl{ width:48%; height:auto; text-align:center; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); padding:30px; margin:1%}
.products-detail-right-rela dl dt img{ width:120px; height:120px;}
.products-detail-right-rela dl dd{ padding:10px 0;}
.products-detail-right-rela dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}
.products-detail-right-rela dl dd p{ display:block; height:24px; line-height:24px; overflow:hidden;}

.product-tab-pane-tags{}
.product-tab-pane-tags li{ display:block; width:50%; line-height:28px;}

.products-detail-right-contact{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px; margin-top:15px;}
.products-detail-right-contact b{font-size: 1.4rem;line-height: 36px;margin-bottom: 15px;}
.products-detail-right-contact p{ color:#666; line-height:20px;}
.products-detail-right-contact dl{ margin-top:8px;}
.products-detail-right-contact dl dt{ line-height:18px; font-weight:bold; color:#111; margin-bottom:5px; font-size:1rem;}
.products-detail-right-contact dl dt img{ margin-right:5px;}
.products-detail-right-contact dl dd{ line-height:26px;}
.products-detail-right-contact-img{ margin-top:20px;}

.products-spec{ margin-top:30px;}

.products-lab-title{margin-top:30px; line-height:42px; border-bottom:2px solid #eee; font-weight:bold; color:#111; font-size:1.4rem; }
.products-lab-retapro{ padding-top:30px;}
.products-lab-retapro dl{ width:15.66%; margin-bottom:1%; height:auto; text-align:center; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); border-radius:6px; padding:15px;}
.products-lab-retapro dl dt img{ width:120px; height:120px;}
.products-lab-retapro dl dd{ padding:10px 0;}
.products-lab-retapro dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}
.products-lab-retapro dl dd p{ display:block; height:24px; line-height:24px; overflow:hidden;}


.products-spec-warp{ width:100%;}
.products-spec-warp .products-spec{ width:65%; margin-top:15px;}


/*contrast*/
.contrast {
    position: fixed;
    font-size: 12px;
    left: 50%;
    display: none;
    z-index: 100000;
    background: #fff;
    border: 4px solid #d9d9d9;
    box-sizing: border-box;
    width: 1280px;
    height: 160px;
    bottom: 0;
    top: auto;
    margin-left: -640px;
}

    .contrast .contrast-nr .contrast1 {
        position: relative;
        height: 34px;
        line-height: 32px;
        padding-left: 15px;
        background: #f2f2f2;
        border-bottom: 1px solid #dedede;
        color: #444;
    }

    .contrast .db-nr2 {
        float: left;
    }

        .contrast .db-nr2 dl {
            width: 229px;
            float: left;
            border-right: 1px solid #ccc;
        }

    .contrast .contrast-nr .contrast1 .contrast-bt {
        float: left
    }

    .contrast .contrast-nr .contrast-cp {
        padding: 20px 15px 12px;
    }

    .contrast .db-nr2 dt {
        width: 82px;
        height: 82px;
        float: left;
    }

        .contrast .db-nr2 dt img {
            width: 82px;
            height: 82px;
        }

    .contrast .db-nr2 dd {
        float: left;
        margin-left: 10px;
        margin-top: 2px;
        width: 106px;
    }

        .contrast .db-nr2 dd p {
            margin: 0;
            margin-bottom: 3px
        }

        .contrast .db-nr2 dd a.db-nr2-1 {
            font-weight: bold
        }

        .contrast .db-nr2 dd b {
            font-weight: 400;
        }

    .contrast .db-nr2-2 {
        width: 31px;
        text-align: right;
        color: #C2272D !important;
        border: 1px solid #ccc;
        padding: 2px 10px;
        border-radius: 4px;
    }

    .contrast .contrast-nr .contrast1 .contrast-yc a {
        float: right;
        display: block;
        margin-top: 10px;
        width: 0;
        height: 20px;
        background: url(../images/del.png) no-repeat;
        padding: 2px 10px;
    }

    .contrast .contrast-nr .contrast1 .contrast-bt a.hover {
        color: #C2272D !important;
        border-bottom: 2px solid #C2272D;
        padding: 8px 0;
    }

    .contrast .contrast-nr .contrast-cp .contrast-btn {
        float: right;
        box-sizing: border-box;
        width: 90px;
        padding: 16px 0 12px 20px;
        border-left: 1px solid #e3e3e3;
        text-align: center;
    }

        .contrast .contrast-nr .contrast-cp .contrast-btn input {
            margin-bottom: 15px;
            width: 60px;
            height: 25px;
            line-height: 25px;
            border: none;
            border-radius: 2px;
            background: #C2272D;
            color: #fff;
        }

        .contrast .contrast-nr .contrast-cp .contrast-btn a {
            color: #C2272D;
        }
.product-compare{overflow-x:auto;}
.product-compare table {
    width: 100%;
    font-size: 13px;
    border: 1px solid #ccc;
    border-left: 0;
    border-bottom: 0;
}

.product-compare table {
    width: 100%;
    font-size: 13px;
    border: 1px solid #ccc;
    border-left: 0;
    border-bottom: 0;
}

.product-compare tr:first-child td {
    text-align: center
}

.product-compare table tr td {
    border: 1px solid #ccc;
    border-right: 0;
    border-top: 0;
    background: #fff;
    padding: 5px 8px
}

.product-compare table tr td:first-child {
        background: #f1f1f1;
        width: 150px;
        text-align: center;
    }

.product-compare  table tr td a {
            color: #C2272D !important
        }

.product-compare  table tr td a.submit {
                color: #fff !important;
                background: #C2272D;
                display: inline-block;
                border-radius: 5px;
                padding: 5px 20px;
            }

.product-compare  table tr td p {
            margin: 0px;
        }

.product-compare  table tr td p span {
                color: #C2272D;
            }

.posts_content{}
.posts_content h1{font-size:1.6rem; line-height:36px; margin-bottom:15px; }
.posts_content div{ line-height:26px;}


/*product-pro*/
.product-pro{ width:100%; height:auto; border:1px solid #eee; border-radius:6px; padding:30px; background:#fff;}
.product-pro dl{ width:18%; margin:1%; text-align:center; overflow:hidden; border:1px solid #eee; border-radius:3px; padding:20px;}
.product-pro dl dt img{ width:100%; height:auto;}
.product-pro dl dd{ padding-top:10px;}
.product-pro dl dd a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold;}
.product-pro dl dd em{ display:block; line-height:24px; height:24px; overflow:hidden; }

/*product-pdf*/
.product-pdf{ width:100%; height:100%;}
.product-pdf-left{ width:70%; height:100%;}
.product-pdf-left iframe{ width:100%; height:100%;}
.product-pdf-right{ width:30%; height:100%; padding:30px; background:#fff;}
.product-pdf-right h1{ font-size:1.4rem; line-height:30px;}
.product-pdf-desc{ width:100%;}
.product-pdf-desc-left{ width:28%;}
.product-pdf-desc-left img{ width:100%; height:auto; border:1px solid #eee; padding:10px; border-radius:3px;}
.product-pdf-desc-right{ width:71%;}
.product-pdf-desc-right a{ display:block;}
.product-pdf-desc-right em{ display:block;}
.product-pdf-right h2{ font-size:1.2rem; line-height:30px;  color:#c2272d;}



.products-pdf-form-box{}
.products-pdf-form-box dl{ width:100%;}
.products-pdf-form-box dl dt{ width:100%; line-height:32px;}
.products-pdf-form-box dl dd input{width:100%; height:42px; line-height:42px; border:1px solid #ddd; border-radius:3px; padding:0 10px;}
.products-pdf-form-box dl dd select{width:100%; height:42px; line-height:42px; border:1px solid #ddd; border-radius:3px; padding:0 10px;}
.products-pdf-form-box dl dd textarea{width:100%; height:80px; line-height:26px; border:1px solid #ddd; border-radius:3px; padding:10px;}


.pro-navigation-box{ position:relative;}
.pro-navigation-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.pro-navigation{position:sticky; left:0; top:0; z-index:777;}
.pro-navigation ul{ text-align:center; padding:10px 0; width:100%; }
.pro-navigation ul li{ display:inline-block; background:#fff; border-radius:3px; margin:2px 0; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.pro-navigation ul li a{ display:block; display:block;  padding:5px 12px;}
.pro-list-menu li{ width:25%; height:28px; line-height:28px; overflow:hidden;}


.search-cta{ padding-bottom:30px;}
.search-cta b{ display:block; line-height:32px; height:32px; font-size:1.4rem;}
.search-cta a{ padding-right:10px;}
.search-cta a span{ color:#c2272d;}

/* 电梯导航开始 */
.elevator-nav {
     display:none;
        position: fixed;
        top: 400px;
        left: -65px;
        width: 200px;
        height: auto;
        margin-left: 0;
        overflow:auto;
        font-size: 14px;
    }
.elevator-nav .an-tips {
   position: fixed; display:none;
   margin-top: -30px;
   margin-left: 64px;
   width: 128px;
   height: 37px;
   line-height: 26px;
   text-align: center;
   font-size: 12px;
   color: #fff;
   background: url(../images/side-nav-tip.svg) no-repeat 74%;
   background-size: 89%;
}
.elevator-nav ul .active {
    border-right: 2px solid #0070bb !important;
}
.elevator-nav ul {
    border-right: 2px solid #d9d9d9;
    margin: 0px;
    padding: 0px;
}
.elevator-nav ul li {
    padding-right: 9px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    text-align: right;
}
/*--Digikey--*/
.digikey-goodslist{ background:#fff; margin-bottom:2px;}
#floor_Digikey{display:none;background-color: white;    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);}
.fl_Digikey {display:none}
.con-title {
    position: relative;
    margin: 10px 0;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    background: #dcefff;
    padding: 0 12px;
}

    .con-title img {
        /*width: 80px;*/
        height: 40px;
        margin:0;
        margin-right: 20px;
    }

    .con-title h3 {
        display: inline-block;
        height: 20px;
        font-size: 16px;
        color: #111;
    }
    
    .con-title b {
        display: inline-block;
        height: 20px;
        font-size: 16px;
        color: #111;
    }
    .con-title .icon-item {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        color: #c2272d;
    }
.con-body.content-wrap .item-name{margin:0}
.con-body.content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; justify-content:space-between;
    padding: 16px 12px 8px;
    box-sizing: border-box;
}

.con-body:hover {
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.08)
}

.con-body.content-wrap .item-block-1 {
    width: 380px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.con-body.content-wrap .td-ellipsis {
    max-width: 180px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.con-body.content-wrap .item-block-1 .td-ellipsis {
    max-width: 300px;
}

.con-body.content-wrap .item-block-1 .light-color {
    font-size: 14px;
    line-height: 20px;
    color: #c2272d;
}

.con-body.content-wrap .item-text {
    font-size: 12px;
    line-height: 18px;
    color: #444;
}

.con-body.content-wrap .item-name .product-img {
    position: relative;
    width: 220px;
}
.con-body.content-wrap .preview-wrapper {
    position: absolute;
    top: -100px;
    right: -60px;
    width: 200px;
    display: none;
    padding-left: 20px;
    box-sizing: border-box;
}
.con-body.content-wrap .item-name .product-img:hover .preview-wrapper{ display:block !important}
.con-body.content-wrap .preview-wrapper .preview-box {
    display: block;
    padding-top: 4px;
    width: 190px;
    height: 190px;
    background: #fff;
    border: 1px solid #cecbce;
    box-shadow: 0 0 1px 2px #eee;
    text-align: center;
    box-sizing: border-box;
}


.ggs i {
    margin-right: 2px;
    display: inline-block;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    background-image: url(../images/list_item_icon20181217.png);
    background-repeat: no-repeat;
    background-position-x: -23px;
    background-position-y: -32px;
}

.con-body.content-wrap .text-center {
    text-align: center;
}

.con-body.content-wrap .item-block-2 {
    margin-left: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 230px;
}

    .con-body.content-wrap .item-block-2 .td-ellipsis {
        max-width: 230px;
    }

.con-body.content-wrap .item-text.text-bold {
    font-weight: 700;
}
.con-body.content-wrap .item-text img{ width:15px;}

.tag-wrapper .couponbgsBox {
    border-radius: 2px;
    border: 1px solid #c2272d;
}

.tag-wrapper .couponbgs, .tag-wrapper .couponbgsBox {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    color: #c2272d;
    text-align: center;
    box-sizing: border-box;
    padding: 0 4px;
    line-height: 20px;
    position: relative;
}

.con-body.content-wrap .item-block-3 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 195px;
}

.con-body.content-wrap .item-block-3 .light-color {
        font-size: 12px;
        color: #c2272d;
    }
.con-body.content-wrap .item-block-3 .light-color1 {
        font-size: 12px;
        color: #999;
}
.con-body.content-wrap .prices-warp .num-label{text-align:right;display: inline-block;width: 83px;}
.con-body.content-wrap .prices-warp .price-label{text-align: left;width: 93px;display: inline-block;}
.con-body.content-wrap .item-block-4 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 150px;
    margin-right: 25px;
    margin-left: 15px;
}

    .con-body.content-wrap .item-block-4 .light-color {
        font-size: 12px;
        color: #c2272d;
    }

    .con-body.content-wrap .item-block-4 .min-tit {
        width: 75px;
        display: inline-block;
        text-align: right;
    }

.con-body.content-wrap .item-block-5 {
    margin-left: 2px;
}

    .con-body.content-wrap .item-block-5 .price-area .price-input {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 150px;
        margin-bottom: 7px;
    }

        .con-body.content-wrap .item-block-5 .price-area .price-input .cartnumbers {
            width: 100px;
            height: 24px;
        }

    .con-body.content-wrap .item-block-5 .price-area .totalPrice-li {
        margin-bottom: 7px;
    }

ul.price-area li.price-input .cartnumbers {
    width: 60px;
    height: 20px;
    border: 1px solid #ccc; 
    padding: 0 4px;
    float: left;
    background: #fff;
    font-size: 12px;
}

.con-body.content-wrap .item-block-5 .price-area .price-input .unit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px;
    height: 22px;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-left: none;
}

.addtocart-btn {
    width: 102px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
    border: none;
    border-radius: 2px;
}

.con-body.content-wrap li.add-cart-tip {
    display: none;
}
.all-price {
    display: inline-block;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin: 0 0 0 3px;
    cursor: pointer;
    background: url(../images/price_label.svg) 50% no-repeat;
    position: relative;
}

.all-price span.all-price-tips {
    position: absolute;
    font-style: normal;
    font-weight: 100;
    width: -webkit-max-content;
    width: max-content;
    margin: -1px 0 0 10px;
}
.common-float-dialog {
    position: absolute;
    left: -18px;
    top: 28px;
    min-width: 100px;
    height: auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    border: 1px solid #eaeaea;
    text-align: center;
    font-style: normal;
    display: none;
    z-index: 5;
}
.all-price:hover .common-float-dialog{ display:block}
.f-row {
    white-space: nowrap;
}
.f-row .part {
    width: 76px;
    text-align: right;
}
.f-row li {
    line-height: 24px;font-weight: normal;
}
.inline-block {
    display: inline-block;
}
.line-through {
    text-decoration: line-through;
}
.w70 {
    width: 70px !important;
}
.w80 {
    width: 80px !important;
}
.w105 {
    width: 105px !important;
}

.light-btn {
    background: #c2272d;
}

.totalPrice {
    font-weight: 700;
}

.c9a9a9a, .color9a {
    color: #9a9a9a;
}

.orange {
    color: #ff7900;
}

.goldenrod {
    color: #c2272d !important;
}

.mb10 {
    margin-bottom: 10px;
}


.s-submun-content-title {
    line-height: 28px;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 700;
    color: #0895e7;
    position: relative;
}
.goods_class .small_cate{ margin-top:5px; margin-bottom:14px;}
.goods_class .small_cate a{ background:none !important; color:#666}
.menuBox .category .sub_class_content{ overflow-y:auto; height:430px;}



.goods_infoBox{ width:98%;}
.parts-list{ overflow-x:auto;}

.goods_infoBox{ width:98%;}
.parts-list{ overflow-x:auto;}

.products-detail-top{  width:100%;}
.products-detail-bot{ margin-top:10px;}

.products-spectitle{ font-size:1rem; line-height:30px; margin-bottom:15px;}
.products-post-list{}
.products-post-list dl{ width: 49.5%; box-shadow: 0px 4px 8px 1px rgba(56,60,147,0.1);
border-radius: 4px 4px 4px 4px;background: #FFFFFF; padding: 20px; margin-bottom: 1%;}
.products-post-list dl dt{ width: 100px; height: 100px; overflow: hidden; position: relative;}
.products-post-list dl dt img{ width: 100px; height: 100px;}
.products-post-list dl dd{ width: calc(100% - 100px); padding-left: 20px; padding-top: 8px;}
.products-post-list dl dd a{ display: block; font-size: 1rem; font-weight: bold; color: #111111; line-height: 26px; height: 26px; overflow: hidden;}
.products-post-list dl dd a:hover{ color: #c2272d;}
.products-post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}


.products-detail-right-rela-news{ width:100%; gap: 25px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.products-detail-right-rela-news dl{ width:100%; padding:20px; box-shadow: 0px 4px 8px 1px rgba(56,60,147,0.1); border-radius: 4px;}
.products-detail-right-rela-news dl dt{width:100%; height:auto; overflow:hidden;}
.products-detail-right-rela-news dl dt img{ width:100%; height:auto;}
.products-detail-right-rela-news dl dd{ padding-top:15px;}
.products-detail-right-rela-news dl dd em{  height:24px; line-height:24px; width:100%;}
.products-detail-right-rela-news dl dd em i{ margin-right:8px; color:#C2272D;}
.products-detail-right-rela-news dl dd em i.fa-eye{ margin-left:10px;}
.products-detail-right-rela-news dl dd a.bloglinks1{ display:block; font-weight:bold; height:48px; line-height:24px; overflow:hidden;}
.products-detail-right-rela-news dl dd p{ color:#666; line-height:20px; height:60px; overflow:hidden;}
.products-detail-right-rela-news dl dd a.bloglinks2{ display:block; font-weight:bold; color:#C2272D; text-transform:uppercase; margin-top:10px;}
.products-detail-right-rela-news dl dd a.bloglinks2 i{ font-size:1.2rem; margin-left:8px;}
.products-detail-right-rela-news dl dd a.bloglinks2:hover{ text-decoration:underline;}


/*Excess*/
.excess-title{ padding: 50px 0 30px 0;  text-align: center;}
.excess-title h2{ font-size: 2.4rem; line-height: 60px;}
.excess-title p{ font-size: 1rem;}

.excess-box{gap: 30px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.excess-box-item{ width: 100%; border-radius: 8px; padding: 40px 30px; cursor: pointer;}
.excess-box-item h3{ font-size: 1.8rem; line-height: 42px; margin-top: 40px;}
.excess-box-item p{ margin-top: 15px; font-size: 1rem;}
.excess-box-item:hover{transform: translateY(8px);  transition: transform .25s ease; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}


.excess-box-item:nth-child(1){ background:#FFFFFF url(../images/excebg1.png) no-repeat center; background-size:cover;}
.excess-box-item:nth-child(2){ background:#FFFFFF url(../images/excebg2.png) no-repeat center; background-size:cover;}



.excess-box2{ width: 100%; margin-top: 55px;}
.excess-box2-left{ width: 50%; height: auto;}
.excess-box2-left img{ width: 100%; height: 100%;}
.excess-box2-right{ width: 50%; height: 100%; background: #FFFFFF url(../images/excebg3.jpg) no-repeat center; background-size:cover; padding: 60px 15% 60px 55px;}
.excess-box2-right h2{ font-size: 2.4rem; line-height: 62px; margin-bottom: 20px;}
.excess-box2-right p{ font-size: 1rem;}
.excess-box2-right ul{ border-top:2px solid #EEEEEE; margin-top: 25px; padding: 25px 0;}
.excess-box2-right ul li{ font-size: 1rem; line-height: 32px; background: url(../images/excessli.png) no-repeat left 10px; padding-left: 25px;}


.excess-box3{ margin: 55px auto;}
.excess-box3-left{ width: 49%; height: auto; padding: 90px 160px; text-align: center; background: #FFFFFF; border-radius: 6px;border: 1px solid #CEE4FB;}
.excess-box3-left-box{ width: 100%;}
.excess-box3-left-box em{ display: inline-block; font-weight: bold; color: #042F5E; font-size: 1rem; border-bottom:1px solid #042F5E; line-height: 32px;}
.excess-box3-left p { line-height: 20px; margin-top: 65px;}

/* label 变成块级，整块可点 */
.excess-upload{
  display: block;
  cursor: pointer;
}

/* 隐藏真正的 file input */
.excess-upload-input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* hover 提示（可选） */
.excess-box3-left-box{
  transition: .2s;
}
.excess-upload:hover .excess-box3-left-box{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}


.excess-box3-right{ width: 49%; height: auto; background: #FFFFFF; border-radius: 6px;}
.excess-box3-right-top{border-radius: 6px 6px 0 0; color: #FFFFFF; text-align: center; background: #042f5e; height: auto; padding: 15px 0; line-height: 24px; font-size: 0.8rem;}
.excess-box3-right-form{ width: 100%; padding: 20px;}

.excess-box3-right-formbox1{gap: 18px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.excess-box3-right-formbox1 dl{ width: 100%; height: auto;}
.excess-box3-right-formbox1 dl dt{ width: 100%; height: 26px; line-height: 26px; margin-bottom: 5px; font-size: 1rem;}
.excess-box3-right-formbox1 dl dt span{ margin-left: 8px;}
.excess-box3-right-formbox1 dl dd{ width: 100%;}
.excess-box3-right-formbox1 dl dd input{ width: 100%; border: 1px solid #EEEEEE; border-radius:6px; height: 38px; padding: 0 15px;}

.excess-box3-right-formbox2{width: 100%; padding-top:18px;}
.excess-box3-right-formbox2 p{height: 26px; line-height: 26px; margin-bottom: 5px; font-size: 1rem;}
.excess-box3-right-formbox2 select{width: 100%; border: 1px solid #EEEEEE; border-radius:6px; height: 38px; padding: 0 15px;}
.excess-box3-right-formbox2 textarea{width: 100%; border: 1px solid #EEEEEE; border-radius:6px; height: 90px; padding: 15px; line-height: 24px;}


.excess-box3-right-form button{ color: #FFFFFF; height: 48px; line-height: 48px; border: none; font-size: 1.1rem; background: #C2272D; padding: 0 50px; margin-top: 18px; border-radius:30px;}
.excess-box3-right-form button i{ margin-right: 10px;}
.excess-box3-right-form button:hover{background: #042f5e;}


/* 默认：灰色禁用态 */
.criteria-result-wrap .sure-btn{
  vertical-align:top;
  display:inline-block;
  zoom:1;
  width:130px;
  height:34px;
  font-size:14px;
  line-height:34px;
  text-align:center;
  border-radius:5px;
  cursor:not-allowed;
  background:#d6d6d6;
  color:#fff;
  opacity:.75;
  user-select:none;
}

/* 选中后：启用态（你给的红色） */
.criteria-result-wrap .sure-btn.is-active{
  background-color:#C2272D;
  cursor:pointer;
  opacity:1;
}

/* 可选：hover 只对启用态生效 */
.criteria-result-wrap .sure-btn.is-active:hover{
  filter: brightness(1.03);
}

/* ============ 基础容器 ============ */
.search-list{ width:94%; margin:0 auto; }
.sl-wrap{ padding: 10px 0 0; }

/* 表格：卡片行关键 */
.sl-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0 12px;     /* 行间距 */
  table-layout: fixed;
}

/* ============ 表头 ============ */
.sl-table thead th{
  background:#2f3947;
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:14px 14px;
  text-align:left;
  border:0;
  letter-spacing:.2px;
}
.sl-table thead th:first-child{
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}
.sl-table thead th:last-child{
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

/* 列宽（按你现在 6 列） */
.th-opn{ width: 27%; }
.th-mfr{ width: 14%; }
.th-price{ width: 16%; }
.th-avail{ width: 18%; }
.th-pkg{ width: 15%; }
.th-life{ width: 10%; }

/* ============ 卡片行 ============ */
.sl-row td{
  background:#fff;
  padding:16px 14px;
  vertical-align:top;
  border:0;
}
.sl-row td:first-child{
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
}
.sl-row td:last-child{
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
}

/* 轻阴影 + hover */
.sl-row{
  box-shadow: 0 10px 24px rgba(16, 24, 40, .08);
}
.sl-row:hover td{
  background:#fffafa;
}
.sl-row:hover{
  box-shadow: 0 14px 30px rgba(16, 24, 40, .12);
}

/* ============ OPN：图片 + 型号 + 描述 + Datasheet ============ */
.opn-cell{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

/* 图片块 */
.opn-img{
  width:74px;
  flex:0 0 74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  background:#f6f7fb;
  overflow:hidden;
  text-decoration:none;
  border:1px solid #eef0f6;
}
.opn-img img{
  width:64px;
  height:64px;
  object-fit:contain;
  display:block;
}

/* RoHS 放在图片下面 */
.opn-rohs{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:22px;
  border-radius:6px;
  background:#ffffff;
  border:1px solid #eef0f6;
}
.opn-rohs img{
  width:22px;
  height:18px;
  display:block;
}

/* 右侧内容 */
.opn-main{ min-width:0; }

/* 型号标题 */
.opn-title{
  display:inline-block;
  font-size:16px;
  font-weight:800;
  color:#111827;
  line-height:1.2;
  margin-bottom:6px;
  text-decoration:none;
}
.opn-title:hover{
  color:#c2272d;
  text-decoration:underline;
}

/* 描述两行截断 */
.opn-desc{
  font-size:12px;
  color:#5b667a;
  line-height:1.5;
  margin-bottom:10px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

/* meta 行 */
.opn-meta{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}

/* Datasheet 链接（主色） */
.opn-ds{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  color:#c2272d;
  text-decoration:none;
}
.opn-ds:hover{
  text-decoration:underline;
  opacity:.92;
}

/* PDF 小图标（不用写死路径也行，你当前 ds-ico 是空 span，这里用纯 CSS 画） */
.ds-ico{
  width:14px;
  height:14px;
  display:inline-block;
  border-radius:3px;
  background: #c2272d;
  position:relative;
}
.ds-ico:after{
  content:"";
  position:absolute;
  right:2px;
  top:2px;
  width:6px;
  height:6px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  opacity:.9;
}

/* ============ Manufacturer ============ */
.mfr-cell{ padding-top:2px; }
.mfr-name{
  display:inline-block;
  font-weight:800;
  color:#111827;
  text-decoration:none;
  line-height:1.3;
}
.mfr-name:hover{
  color:#c2272d;
  text-decoration:underline;
}

/* ============ Price 列：层级 + 数量 + RFQ ============ */
.price-cell{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.price-tier{
  font-size:12px;
  color:#111827;
  line-height:1.6;
}
/* 防止 get_goods_price_p 输出里 em/i 造成字体怪 */
.price-tier em,
.price-tier i{ font-style:normal; }

/* 数量 + RFQ 一行 */
.qty-rfq{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

/* 数量输入 */
.qty-box{ width:108px; }
.qty-input{
  width:100%;
  height:36px;
  border:1px solid #d7dbe6;
  border-radius:10px;
  padding:0 10px;
  outline:none;
  background:#fff;
  color:#111827;
}
.qty-input:focus{
  border-color:#c2272d;
  box-shadow: 0 0 0 3px rgba(194,39,45,.12);
}

/* RFQ 按钮：主色 */
.rfq-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 16px;
  border-radius:10px;
  background:#c2272d;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  border:1px solid #c2272d;
  cursor:pointer;
  user-select:none;
}
.rfq-btn:hover{
  opacity:.92; color:#fff;
}
.rfq-btn:active{
  transform: translateY(1px);
}

/* ============ Availability 列 ============ */
.avail-cell{
  font-size:12px;
  color:#111827;
}
.avail-top{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  margin-bottom:10px;
}

/* 库存点 */
.dot{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
}
.dot-ok{ background:#16a34a; } /* 绿点 */
.dot-no{ background:#ef4444; } /* 红点 */

/* 联系链接：主色 */
.avail-links{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.avail-link{
  color:#c2272d;
  font-weight:700;
  text-decoration:none;
}
.avail-link:hover{ text-decoration:underline; }

/* ============ Package / Lifecycle ============ */
.td-pkg div,
.td-life div{
  padding-top:2px;
}

/* package 做成小胶囊更像 B2B */
.td-pkg div{

}

/* 生命周期标签 */
.td-life span{

}





@media (max-width: 768px) {
    /*product-menu*/
    .product-menu-box-left{ width:100%; position:inherit;}
.product-menu-box-left h1{ font-size:1.2rem; }
.product-menu-box-left ul{ max-height:300px; }
.product-menu-box-left ul li{ height:28px; line-height:28px; overflow:hidden;}
.product-tab-pane-tags li{ width:100%;}


.product-menu-box-right-main{width:100%; height:auto; margin-top:15px; }
.product-menu-box-right{ }
.product-menu-box-right dl{ margin-bottom:10px;}
.product-menu-box-right dl dt{ font-size:1.1rem; }
.product-menu-box-right dl dd{ padding:10px 0;  -webkit-column-count: 1;column-count: 1;}
.product-menu-box-right dl dd a{ width:100%; margin:0; }
.product-menu-box-right dl dd .product-menu-box-item{ width:100%;  margin:0;   line-height:28px;}



.products-sub-menu{}
.products-sub-menu h1{ font-size:1.2rem; }
.products-sub-menu-list a{ width:100%; margin:0; }

.product-menu-box-right dl dd .product-menu-box-item{ width:100%;  margin:0;   line-height:28px;}


.products-list-featured-parts b{font-size:1.2rem; }
.products-list-featured-pro dl{ width:50%; overflow:hidden; padding:20px;}




.products-list-manufacturers b{font-size:1.2rem;}
.products-list-manufacturers-list a{width: 49%; margin-bottom: 1%; }




/* 左侧冻结列 */
.parts-list .sticky-col{
    position:inherit;
    z-index:3;
    background:#fff;
}

.parts-list th.sticky-col{
    z-index:6;
    background:#666666;
}

.parts-list .sticky-col-1{
    left:inherit;
    width:110px;
    min-width:110px;
}

.parts-list .sticky-col-2{
    left:inherit;
    width:230px;
    min-width:230px;
}


/*product-detail*/
.products-detail-left{ width:100%;}
.products-detail-left-info{  padding:20px; }
.products-detail-left-info h1{font-size:1.2rem; line-height:28px;  margin-bottom:10px; }
.products-detail-left-info h2{font-size:1.2rem; line-height:28px;  margin-bottom:10px; }
.products-detail-left-info-pic{ width:100%; }
.products-detail-left-info-pic a{  height:36px; line-height:36px;  margin:10px auto 0 auto;}

.products-detail-left-info-iso{ display:none;}


.products-detail-left-info-list{ width:100%; padding-top:15px;}
.products-detail-left-info-list dl{ height:auto; line-height:30px; margin-bottom:5px;}
.products-detail-left-info-list dl dt{ width:100%;}
.products-detail-left-info-list dl dd{ width:100%;}
.products-detail-left-info-list dl dd input{max-width:60px;  margin-right:3px;}
.products-detail-left-info-list dl .flex a{margin:0 2px; padding:0 10px; }
.products-detail-left-info-list dl dd p{ margin-right:5px;}


.products-detail-left-tabcontent{padding:20px; margin-top:10px;}
.products-detail-left-tabcontent h2{font-size:1.2rem; line-height:30px; margin-bottom:10px;}
.products-spec  ul.product-tab-ul li{  padding:0 10px; }
.product-tab-pane{ padding:15px 0;  }


.product-tab-pane .product-tab-pane-package dl{ width:100%;}

.products-detail-left-tabcontent ul.product-tab-ul{ height:auto;}

.product-tab-pane h3{line-height:26px;}
.product-tab-spec dl{ height:auto; line-height:26px; padding:5px 0;  }
.product-tab-spec dl dt{ width:100%;}
.product-tab-spec dl dd{ width:100%;}
.product-tab-faq{ line-height:26px;}
.renavgiton li{ line-height:28px; height:28px;  width:100%;}
.renavgiton li span{ padding-left:5px;}

.product-tab-pane-hot-list a{  width:50%; height:26px; line-height:26px; }

.products-detail-rela{}
.products-detail-rela dl{ width:48%; }

.products-post-list dl{ width:100%;}
.products-detail-right-rela dl{  padding:10px;}

.product-tab-similar ul.pro-simitop li{ line-height:32px; width:50%;}
.product-tab-similar ul.pro-simitop li:nth-child(3){display:none;}
.product-tab-similar ul.pro-simitop li:last-child{ display:none;}


.product-tab-similar ul.pro-simibot li{padding:5px 0; }
.product-tab-similar ul.pro-simibot li a{ display:block; width:50%; color:#C2272D;}
.product-tab-similar ul.pro-simibot li em{ display:none; }
.product-tab-similar ul.pro-simibot li i{ display:none;}


.products-detail-right{ width:100%; margin-top:15px;}
.products-detail-right-rfq{  }
.products-detail-right-rfq h2{font-size:1.2rem; line-height:30px; padding:15px;}
.products-detail-right-rfq h3{font-size:1rem; line-height:26px; padding:15px;}
.products-detail-right-rfq h3 span{  }
.products-detail-right-rfq-fed{ padding:15px;}
.products-detail-right-rfq dl{padding:0 10px; margin-top:4px;}
.products-detail-right-rfq dl dt{ width:35%;}
.products-detail-right-rfq dl dd{ width:65%;}

.products-detail-right-rfq button{  margin-top:5px;}

.products-detail-price-list{padding:20px; }
.products-detail-price-list h2{font-size:1.2rem; line-height:30px; }


.products-detail-right-rela{ padding:20px; width:100%;}

.products-detail-right-contact{ padding:20px; }
.products-detail-right-contact b{font-size: 1.2rem;margin-bottom: 10px;}

.products-lab-title{margin-top:20px;  font-size:1.2rem; }
.products-lab-retapro{ padding-top:20px;}
.products-lab-retapro dl{ width:48%;}

.products-detail-bot{ width:100%;}
.product-tab-table{ overflow-x:auto;}

/*contrast*/
.contrast {
    left:3%;
    width: 94%;
    margin-left: 0;
}


.posts_content h1{font-size:1.2rem; line-height:32px; margin-bottom:10px; }

/*product-pro*/
.product-pro{ padding:20px; }
.product-pro dl{ width:48%; padding:10px;}

/*product-pdf*/

.product-pdf-left{ width:100%; }
.product-pdf-right{ width:100%; padding:20px 20px 50px 20px; }


.pro-navigation-box h1{font-size:1.4rem;}
.pro-list-menu li{ width:50%;}

.search-cta{ padding-bottom:20px;}
.search-cta b{ font-size:1.2rem;}
.search-cta a{ padding-right:0; display:block;}
.parts-list{ overflow-x:auto;}
.digikey-goodslist{ overflow-x:auto;}

.pro-navigation ul{  padding:5px 0; }
.pro-navigation ul li a{ padding:5px 10px; }
.pro-navigation-box h1{font-size:1.4rem;}
.pro-list-menu li{ width:50%;}


.products-spec-warp{ width:100%;}
.products-spec-warp .products-spec{ width:100%; margin-top:15px;}


.products-detail-right-rela-news{  gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}



/*Excess*/
.excess-title{ padding:20px 0;  }
.excess-title h2{ font-size: 1.4rem; line-height: 40px;}
.excess-title p{ font-size: 0.9rem;}

.excess-box{gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
.excess-box-item{ padding: 25px; cursor: pointer;}
.excess-box-item h3{ font-size: 1.4rem; line-height: 32px; margin-top: 20px;}
.excess-box-item p{ margin-top: 5px; font-size: 0.9rem;}



.excess-box2{ width: 100%; margin-top: 25px;}
.excess-box2-left{ width: 100%; height: auto;}

.excess-box2-right{ width: 100%; height: auto; padding: 25px;}
.excess-box2-right h2{ font-size: 1.4rem; line-height: 40px; margin-bottom: 10px;}
.excess-box2-right p{ font-size: 0.9rem;}
.excess-box2-right ul{ border-top:2px solid #EEEEEE; margin-top: 15px; padding: 15px 0;}
.excess-box2-right ul li{ font-size: 0.9rem; line-height: 26px; }


.excess-box3{ margin: 25px auto;}
.excess-box3-left{ width: 100%; padding:30px; }
.excess-box3-left p {  margin-top:25px;}



.excess-box3-right{ width: 100%; margin-top: 10px;}
.excess-box3-right-top{ height: auto; line-height: 24px; padding: 10px 0; font-size: 0.8rem;}


.excess-box3-right-formbox1{gap: 12px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}


  .sl-wrap{ overflow-x:auto; }
  .sl-table{ min-width: 980px; }

}