/*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 h2{ 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-menu-box-right{ width:73%; 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:42px; height:42px;}
.product-menu-box-right dl dd{ padding:20px 0; width:100%;}
.product-menu-box-right dl dd a{ display:block; width:49%; margin:0 0.5%; height:30px; line-height:30px; overflow:hidden;}
.product-menu-box-right dl dd ul{ width:100%;}
.product-menu-box-right dl dd ul li{ width:50%;}
.product-menu-box-right dl dd ul li ul{ padding-left:10px; }
.product-menu-box-right dl dd ul li ul a{color:#666;}

.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;}
.products-sub-menu-list a{display:block; width:49%; margin:0 0.5%; height:30px; line-height:30px; overflow:hidden;}
.products-sub-menu-list ul{ width:100%;}
.products-sub-menu-list ul li{ width:50%;}
.products-sub-menu-list ul li ul{ padding-left:10px; }
.products-sub-menu-list ul li ul a{color:#666;}



/*product-list-select*/
.product-list-select{overflow:hidden; padding:10px;height:auto;background:#e8eef3;margin-bottom:20px; }
.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 input{margin-right:5px}
.tableSort th div{height:132px;background:#fff;padding:10px;overflow-y:auto;white-space:nowrap;display:block;text-align:left;font-size:12px;line-height:20px;font-weight:400}
.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:#0085DE;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:#5e7e9a;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.sure-btn{margin-left:10px;vertical-align:top;display:inline-block;zoom:1;width:130px;height:34px;background-color:#0085DE;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:84%; overflow-x:auto;}
.parts-list h2{ font-size:14px; font-weight:normal;}
.parts-list table{border:1px solid #ccc;border-collapse:collapse;border-spacing:0;width:100%;display:table;background:#fff}
.parts-list th{border:1px solid #ccc;background:#e5e7eb; font-weight:normal; color:#333;font-size:13px;padding:8px 5px;text-align:center}
.parts-list table tr:hover{background:#fff9ee}
.parts-list td{border:1px solid #ccc;font-size:13px;padding:4px 5px;text-align:center;vertical-align:middle}
.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:#0085DE !important;}
.parts-list td img{max-width:60px; height:auto;}
.parts-list td .selectnum input{ max-width:120px; 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; position:relative;}
.parts-list td .selectbtn a{ display:block; cursor:pointer; width:auto; padding:0 15px; height:36px; line-height:36px; background:#0085DE; border-radius:3px; color:#fff;}

.msg-tips{ position:fixed; left:50%; top:50%; z-index:888; text-align:center; background:#fff; border-radius:6px;  box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:300px; padding:20px; margin-left:-150px; margin-top:-120px;}
.msg-tips .msg{ position:relative;}
.msg-tips strong{ font-size:1.2rem; 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:#0085DE; border-radius:3px; color:#fff;}
.msg-tips a:last-child{ background:#000 !important;}
.msg-tips p b{ color:#0085DE;}
.msg-tips i{ width:14px; height:14px; position:absolute; right:-10px; top:-10px; cursor:pointer;}
.msg-tips i span{ display:none;}

/*product-detail*/
.products-detail-left{ width:65%;}
.products-detail-left-info{ background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px;}
.products-detail-left-info h1{font-size:1.6rem; line-height:36px; margin-bottom:15px; }
.products-detail-left-info-pic{ width:32%; text-align:center;}
.products-detail-left-info-pic img{ width:100%; height:auto; border:1px solid #eee; border-radius:6px; padding:25px;}
.products-detail-left-info-pic a{ display:inline-block; color:#666; margin-right:15px; margin-top:15px; cursor:pointer; }
.products-detail-left-info-pic a i{ margin-right:5px; color:#111;}
.products-detail-left-info-pic a.fa-heart-color{ color:#0085DE;}
.products-detail-left-info-pic a.fa-heart-color i{ color:#0085DE;}

.products-detail-left-info-list{ width:65%; }
.products-detail-left-info-list dl{ height:auto; line-height:28px; margin-bottom:3px;}
.products-detail-left-info-list dl dt{ width:15%;}
.products-detail-left-info-list dl dd{ width:82%;}
.products-detail-left-info-list dl dd input{max-width:120px; height:36px; line-height:36px; 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:#0085DE; border-radius:3px; color:#fff;}
.products-detail-left-info-list dl dd p{ margin-right:15px;}
.products-detail-left-info-list dl dd p span{ color:#0085DE;}

.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 ul.product-tab-ul{ width:100%; height:42px; line-height:41px; border-bottom:1px solid #eee;}
.products-detail-left-tabcontent ul.product-tab-ul li{ display:block; padding:0 25px; height:41px; cursor:pointer;}
.products-detail-left-tabcontent ul.product-tab-ul li.thistab{ background:#eee; border-radius:3px 3px 0 0; }
.product-tab-pane{ padding:25px 0; overflow-x:auto; 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; border-bottom:1px solid #eee; display:flex; justify-content:space-between;}
.product-tab-spec .criteria-result-wrap{ margin:15px 0;}
.product-tab-faq{ line-height:28px;}
.renavgiton li{ display:block;  width:100%; 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: #0085DE; 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; }

.products-detail-right{ width:34%;}
.products-detail-right-rfq{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px;}
.products-detail-right-rfq h2{font-size:1.4rem; line-height:36px; }
.products-detail-right-rfq h2 i{ color:#0085DE;}
.products-detail-right-rfq h3{font-size:1.2rem; line-height:30px; }
.products-detail-right-rfq h3 span{font-size:0.9rem; line-height:26px;color:#999; font-weight:normal; padding-left:10px; }
.products-detail-right-rfq dl{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 15px; margin-top:6px;}
.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:40px; line-height:40px;}
.products-detail-right-rfq dl dd textarea{ border:none; font-size:0.9rem; height:100px; line-height:26px; padding:10px 0;}
.products-detail-right-rfq dl.product-textarea{ height:102px;}
.products-detail-right-rfq button{ width:100%; height:42px; line-height:42px; background:#0085DE; color:#fff; border-radius:6px; border:none; font-size:1rem; margin-top:10px;}

.products-detail-price-list{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px;}
.products-detail-price-list h2{font-size:1.4rem; line-height:36px; margin-bottom:10px; }
.products-detail-price-list h2 i{ color:#0085DE;}
.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:#0085DE; 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;}
.products-detail-right-rela dl{ width:49%; height:auto; text-align:center;}
.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;}

/*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: #0085DE !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: #0085DE !important;
        border-bottom: 2px solid #0085DE;
        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: #0085DE;
            color: #fff;
        }

        .contrast .contrast-nr .contrast-cp .contrast-btn a {
            color: #0085DE;
        }
.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: #0085DE !important
        }

.product-compare  table tr td a.submit {
                color: #fff !important;
                background: #0085DE;
                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: #0085DE;
            }

.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; position:relative;}
.product-pro dl i{ width:59px; height:35px; position:absolute; right:10px; top:10px;}
.product-pro dl i img{ width:59px; height:35px;}
.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-pro dl  .selectnum input{ max-width:120px; height:32px; line-height:32px; border:1px solid #eee; border-radius:3px; text-align:center;}
.product-pro dl  .selectbtn{ width:100%; height:auto; margin-top:6px; padding:0 10px; position:relative;}
.product-pro dl  .selectbtn a{ display:block; cursor:pointer; width:auto; padding:0 15px; height:36px; line-height:36px; background:#0085DE; border-radius:3px; color:#fff;}



/*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:#0085DE;}



.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;}


/* 电梯导航开始 */
.elevator-nav {
        position: fixed;
        top: 400px;
        left: 50%;
        width: 200px;
        height: auto;
        margin-left: -844px;
        overflow:auto;
        font-size: 14px;
    }
.elevator-nav .an-tips {
   position: fixed;
   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--*/
.floor{}
#floor_Digikey{display:none;}
.fl_Digikey {display:none}

.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 {
    background:#fff;
    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: #0093e6;
}

.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; z-index:666;
    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 #0085DE;
}

.tag-wrapper .couponbgs, .tag-wrapper .couponbgsBox {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    color: #0085DE;
    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: #0085DE;
    }
.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: #0085DE;
    }

    .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;
}



.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: #0085DE;
}

.totalPrice {
    font-weight: 700;
}

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

.orange {
    color: #ff7900;
}

.goldenrod {
    color: #0085DE !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;}



.nodate{ width:100%; padding:30px;}

.nodate-box{ width:50%;}
.nodate-box h2{ font-size:1.2rem; line-height:36px; margin-bottom:5px;}
.nodate-box h2 span{ color:#0085DE;}
.nodate-box p{ line-height:26px;}
.nodate-box p a{ color:#0085DE; text-decoration:underline;}

/* 背景与整体 */
.parts-list{ background:#f6f7f9; padding:14px 0 22px; }

/* ===== 顶部表头 ===== */
.parts-item-top{
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  padding:10px 14px;
  margin-bottom:10px;
}
.parts-item-top ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  /* 关键：锁列宽，避免挤乱（总宽≈1280-内边距） */
  grid-template-columns: 84px 280px 280px 210px 170px 1fr;
  gap:10px;
  align-items:center;

  font-size:13px;
  color:#666;
}
.parts-item-top li{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ===== 单条卡片 ===== */
.parts-item{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:14px;
  margin-bottom:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.03);

  display:grid;
  grid-template-columns: 84px 280px 280px 210px 170px 1fr;
  gap:10px;
  align-items:flex-start;
}

/* 避免列里内容把格子撑爆 */
.parts-item > div{
  min-width:0;
}

/* ===== 图片列 ===== */
.ptdiv1 img{
  width:64px;
  height:64px;
  object-fit:contain;
  border:1px solid #f0f0f0;
  border-radius:10px;
  background:#fff;
  padding:6px;
}

/* ===== 型号/品牌/封装/编号 ===== */
.ptdiv2 h2{
  margin:0 0 6px;
  font-size:14px;
  line-height:18px;
  font-weight:700;

  /* 标题过长就省略 */
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ptdiv2 h2 a{ color:#111; text-decoration:none; }
.ptdiv2 h2 a:hover{ color:#b10505; }

.ptdiv2 p{
  margin:3px 0;
  font-size:12px;
  line-height:22px;
  color:#666;

  /* 避免长内容把行撑开 */
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ===== 参数/描述 ===== */
.ptdiv3 p{
  margin:3px 0;
  font-size:12px;
  line-height:22px;
  color:#666;
}
.ptdiv3 p:first-child{
  /* 描述允许两行，超过省略 */
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ptdiv3 a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border:1px solid #eee;
  border-radius:999px;
  text-decoration:none;
  color:#333;
  background:#fafafa;
  font-size:12px;
}
.ptdiv3 a:hover{
  border-color:#e4c4c4;
  background:#fff5f5;
  color:#b10505;
}
.ptdiv3 a img{ width:14px; height:14px; }
.ptdiv3 a em{ font-style:normal; font-size:12px; }

/* ===== 价格梯度 ===== */
/* 价格梯度(含税) — 全部内容居右 */
.ptdiv4{
  text-align:right; padding-right:40px;
}

/* 兜底：不管内部输出是什么标签，都右对齐 */
.ptdiv4 *{
  text-align:right !important;
}

/* 如果内部是列表/描述列表，去掉默认缩进，保证右对齐干净 */
.ptdiv4 ul,
.ptdiv4 ol{
  list-style:none;
  padding-left:0;
  margin:0;
}
.ptdiv4 dl{
  margin:0;
}
.ptdiv4 dd{
  margin:0;
}

/* 如果价格行是块级元素，给一点行距更整齐 */
.ptdiv4 p,
.ptdiv4 div,
.ptdiv4 li,
.ptdiv4 dt,
.ptdiv4 dd{
  margin:0; font-size:0.8rem;
  line-height:22px;
}


/* ===== 库存交期 ===== */
.ptdiv5 em{
  display:inline-block;
  font-style:normal;
  font-size:12px;
  padding:3px 10px;
  border-radius:999px;
  background:#f3f4f6;
  color:#555;
  margin-bottom:6px;
}
.ptdiv5 p{
  margin:4px 0;
  font-size:12px;
  line-height:22px;
  color:#666;
}
.ptdiv5 strong{
  color:#111;
  font-weight:800;
}

/* ===== 右侧操作区：锁宽、对齐 ===== */
.ptdiv6{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

/* 数量区：更像截图那种横条 */
.ptdiv6 .flex{
  display:flex;
  align-items:center;
  gap:8px;
}
.ptdiv6 input.commoditySelectNum{
  width:110px;
  height:34px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:0 10px;
  font-size:13px;
  outline:none;
}
.ptdiv6 span{ font-size:12px; color:#666; }

/* 总额 */
.ptdiv6 p{
  margin:0;
  font-size:12px;
  color:#666;
}
.ptdiv6 p em{
  font-style:normal;
  color:#0085DE;
  font-weight:800;
  margin-left:6px;
}
.ptdiv6 p em i{ font-style:normal; }

/* 按钮：统一宽度、不要撑爆 */
.ptdiv6 a.view{
  width:150px;
  height:36px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  transition:all .15s ease;
  user-select:none;
}

/* 第一个描边按钮 */
.ptdiv6 a.view:nth-of-type(1){
  border:1px solid #2f7cf6;
  color:#2f7cf6;
  background:#fff;
}
.ptdiv6 a.view:nth-of-type(1):hover{
  background:#f3f8ff;
}

/* 第二个实心按钮 */
.ptdiv6 a.view:nth-of-type(2){
  border:1px solid #2f7cf6;
  color:#fff;
  background:#2f7cf6;
}
.ptdiv6 a.view:nth-of-type(2):hover{
  filter:brightness(.95);
}

/* ===== 如果你按我建议改了 ptdiv6 的结构（可选增强） ===== */
.ptdiv6-row{ display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.qty-box{
  display:inline-flex;
  align-items:center;
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
  height:36px;
  background:#fff;
}
.qty-box input.commoditySelectNum{
  width:70px;
  height:36px;
  border:none !important;
  border-radius:0 !important;
  text-align:center;
  padding:0 6px;
}
.qty-btn{
  width:36px;
  height:36px;
  border:none;
  background:#f7f7f8;
  color:#333;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}
.qty-btn:hover{ background:#eee; }

.sum-line{ font-size:13px; color:#666; }
.sum-line em{ font-style:normal; color:#0085DE; font-weight:800; margin-left:6px; }
.action-box{ display:flex; flex-direction:column; gap:6px; }
.btn{ width:140px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; text-decoration:none; font-weight:700; cursor:pointer;}
.btn-outline{ border:1px solid #0085DE; color:#0085DE; background:#fff; }
.btn-outline:hover{ background:#fff5f5; }
.btn-solid{ border:1px solid #0085DE; background:#0085DE; color:#fff; }
.btn-solid:hover{ filter:brightness(.95); color:#fff;}

/* ===== Pagination ===== */
.default.clear{ padding:10px 0; }

/* 表头：第4列“价格梯度(含税)”右对齐 */
.parts-item-top ul li.partli4{
  text-align:right; padding-right:40px;
  justify-self:end;   /* grid 单元格内靠右 */
}

/* 价格列内容也保持右对齐（你已经有也没关系） */
.parts-item .ptdiv4{
  text-align:right;
  justify-self:end;
}
.parts-item .ptdiv4 p b{ color:#0085DE; font-weight:normal;}
/* ptdiv3 工具行 */
.ptdiv3-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* 复制按钮 */
.btn-copy-title{
  height:28px;
  padding:0 12px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:999px;
  cursor:pointer;
  font-size:12px;
  color:#333;
}
.btn-copy-title:hover{
  border-color:#d1d5db;
  background:#f9fafb;
}
.btn-copy-title:active{
  transform:translateY(1px);
}

/* 成功态（JS会临时加这个class） */
.btn-copy-title.is-ok{
  border-color:#b10505;
  color:#b10505;
  background:#fff5f5;
}

/* ptdiv3 工具行 */
.ptdiv3-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
}

/* 统一按钮风格（a/button通用） */
.ptdiv3 .tool-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:30px;                 /* 关键：高度统一 */
  padding:0 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fafafa;
  color:#333;
  text-decoration:none;
  cursor:pointer;
  user-select:none;
  font-size:12px;
  line-height:30px;            /* 关键：文字垂直居中更稳 */
}

/* a 默认可点击感 */
.ptdiv3 a.tool-btn:hover,
.ptdiv3 button.tool-btn:hover{
  border-color:#d1d5db;
  background:#fff;
}

/* 图标尺寸 */
.ptdiv3 .tool-btn i.fa{
  font-size:14px;
  line-height:1;
}

/* em 统一 */
.ptdiv3 .tool-btn em{
  font-style:normal;
  font-size:12px;
  line-height:1;
  display:inline-block;
}

/* 复制成功态（JS里给按钮加 is-ok class） */
.ptdiv3 button.tool-btn.is-ok{
  border-color:#b10505;
  color:#b10505;
  background:#fff5f5;
}


.ptdiv4 .price-more-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  margin-top:4px;
  color:#999;
  text-decoration:none;
  cursor:pointer;
}
.ptdiv4 .price-more-toggle i{ font-size:16px; line-height:1; }
.ptdiv4 .price-more{ margin-top:2px; }
.ptdiv4 .pr-row{ margin:0; line-height:22px; font-size:0.8rem; }
.ptdiv4 .pr-first b{ color:#0085DE; }

/* ===== 新版标题条（同一行、低高度）===== */
.con-title{
  position: relative;
  width: 100%;
  padding: 10px 14px;            /* 关键：降低高度 */
  border-radius: 12px;
  overflow: hidden;

  background: linear-gradient(135deg, #e9f4ff 0%, #f6fbff 45%, #ffffff 100%);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 16px rgba(0,0,0,.05);

  display: flex;
  align-items: center;           /* 垂直居中 */
  justify-content: flex-start;
  gap: 12px;                     /* 标题与副标题间距 */
  min-height: 44px;              /* 关键：锁住低高度 */
}

/* 标题 */
.con-title h3{
  margin: 0;
  padding-left: 10px;            /* 给左侧高亮条留空间 */
  font-size: 16px;
  line-height: 24px;
  font-weight: 800;
  color: #0f172a;
  white-space: nowrap;
}

/* 副标题：同一行显示 */
.con-title .supplier-head__sub{
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  color: rgba(15,23,42,.70);

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;       /* 太长就省略 */
  flex: 1;                       /* 占满剩余空间 */
}

.con-title:before{
  content:"";
  position:absolute;
  left:0; top:0;
  width: 5px; height:100%;
  background: linear-gradient(180deg, #2f7cf6 0%, #00b3ff 100%);
}
.con-title:after{
  content:"";
  position:absolute;
  right:-70px; top:-70px;
  width:180px; height:180px;
  border-radius:50%;
  background: radial-gradient(circle at 30% 30%, rgba(47,124,246,.20), rgba(255,255,255,0) 65%);
  pointer-events:none;
}




@media (max-width: 768px) {
    /*product-menu*/
    .product-menu-box-left{ width:100%; }
.product-menu-box-left h2{ 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-menu-box-right{ width:100%; height:auto; margin-top:15px; }
.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;}
.product-menu-box-right dl dd a{ width:100%; margin:0; }


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





/*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-pic{ width:100%; }
.products-detail-left-info-pic a{  }

.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-detail-left-tabcontent ul.product-tab-ul li{  padding:0 10px; }
.product-tab-pane{ padding:15px 0;  }

.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; }
.renavgiton li span{ padding-left:5px;}

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



.products-detail-right{ width:100%; margin-top:15px;}
.products-detail-right-rfq{ padding:20px; }
.products-detail-right-rfq h2{font-size:1.2rem; line-height:30px; }
.products-detail-right-rfq h3{font-size:1rem; line-height:26px; }
.products-detail-right-rfq h3 span{ padding-left:5px; }
.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;}


/*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; }
.parts-list{ overflow-x:auto;}
.digikey-goodslist{ overflow-x:auto;}

.product-list-select{ width:94%;}
.parts-list .jss187{width:94%; }



.nodate{ width:100%; padding:20px;}

.nodate-box{ width:100%;}
.nodate-box h2{ font-size:1em; line-height:36px; margin-bottom:5px; margin-top:15px;}
.nodate-box h2 span{ color:#0085DE;}
.nodate-box p{ line-height:26px;}
.nodate-box p a{ color:#0085DE; text-decoration:underline;}


.con-body.content-wrap{ display:block; border-bottom:1px solid #eee}
.con-body.content-wrap .item-block-1{ width:100%; padding-bottom:5px;}
.con-body.content-wrap .item-block-1 .item-text:nth-child(4){ display:none;}
.con-body.content-wrap .item-block-1 .item-text:nth-child(5){ display:none;}
.con-body.content-wrap .item-block-1 .item-text:nth-child(6){ display:none;}
.con-body.content-wrap .item-block-2{ width:100%; padding:5px 0; margin:0;}
.con-body.content-wrap .item-block-3{display:none;}
.con-body.content-wrap .item-block-4{display:none;}
.con-body.content-wrap .prices-warp .num-label{ width:auto;}
.con-body.content-wrap .item-block-4 .min-tit{ width:auto;}
.con-body.content-wrap .item-block-5{ width:100%;  padding:5px 0;  margin:0;}

.parts-item-top{ display:none; }

  .parts-item{
    grid-template-columns: 78px 1fr;
    grid-template-areas:
      "img title"
      "img desc"
      "price price"
      "stock stock"
      "act act";
    gap:10px 12px;
    padding:12px;
  }

  .ptdiv1{ grid-area:img; }
  .ptdiv2{ grid-area:title; }
  .ptdiv3{ grid-area:desc; }
  .ptdiv4{ grid-area:price; padding-top:8px; border-top:1px dashed #eee; }
  .ptdiv5{ grid-area:stock; }
  .ptdiv6{
    grid-area:act;
    width:100%;
    align-items:stretch;
    border-top:1px dashed #eee;
    padding-top:10px;
  }

  .ptdiv6 a.view{ width:100%; }
  .ptdiv6 a.view + a.view{ margin-top:8px; }
  /* 内容区：价格列整体改左 */
  .parts-item .ptdiv4{
    text-align:left !important; width:100%;
    justify-self:start !important;
    align-self:stretch;              /* 让它占满，左对齐更自然 */
    align-items:flex-start !important;
  }

  /* 兜底：不管内部输出是什么标签，都改左 */
  .parts-item .ptdiv4 *{
    text-align:left !important;
  }

  /* 如果你移动端表头没隐藏（有些页面你可能会保留），也一起改左 */
  .parts-item-top ul li.partli4{
    text-align:left !important;
    justify-self:start !important;
  }
    .btn-copy-title{ height:30px; }

      .ptdiv3 .tool-btn{
    height:32px;
    line-height:32px;
    padding:0 14px;
  }
}


/* ===== Supplier floor (Digikey/Mouser/Waldom 通用) ===== */
.floor-supplier{ width:100%; }
#floor_Digikey{ display:none; } /* 你原来就有：默认隐藏，JS 搜到才显示 */

/* 外层模块容器更像“卡片” */
.floor-supplier .content-list{
  background:transparent;
}

/* ===== 模块头 ===== */
.supplier-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  background:#dcefff;
  border:1px solid #cfe7ff;
  border-radius:12px;

  padding:12px 14px;
  margin:10px 0 12px;

  box-sizing:border-box;
}

/* 左侧：logo + 标题 */
.supplier-head__left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.supplier-head__logo{
  width:auto;
  height:40px;
  margin:0;
}
.supplier-head__title{
  min-width:0;
}
.supplier-head__title h3{
  margin:0;
  font-size:16px;
  line-height:20px;
  color:#111;
  font-weight:800;
}
.supplier-head__sub{
  margin:4px 0 0;
  font-size:12px;
  line-height:16px;
  color:#5c6773;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 右侧：促销 + tip */
.supplier-head__right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

/* 促销 badge */
.supplier-head__badge{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 10px;

  border:1px solid #0085DE;
  border-radius:999px;
  background:#fff;
  color:#0085DE;

  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.supplier-head__badge:hover{
  background:#f3f8ff;
}

/* tip */
.supplier-head__tip{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  cursor:default;
}
.supplier-head__tipicon{
  font-style:normal;
  font-size:12px;
  font-weight:800;
  color:#0085DE;
}
.supplier-head__tipbox{
  display:none;
  position:absolute;
  right:0;
  top:34px;
  z-index:999;

  background:#111;
  color:#fff;
  font-size:12px;
  line-height:18px;

  padding:8px 10px;
  border-radius:10px;
  white-space:nowrap;
}
.supplier-head__tip:hover .supplier-head__tipbox{ display:block; }

/* ===== 列表主体容器：包一层统一白底/圆角 ===== */


/* 避免 supplier 列表被外部样式挤压 */
.js-supplier-list{
  width:100%;
}

/* 如果你的 supplier 注入内容很宽（某些价格阶梯多），允许横向滚动兜底 */
.js-supplier-list{
  overflow-x:auto;
}

/* ===== 移动端 ===== */
@media (max-width: 768px){
  .supplier-head{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .supplier-head__right{
    width:100%;
    justify-content:flex-start;
  }
  .supplier-body{
    padding:0;
    border-radius:12px;
  }

    .con-title{
    padding: 9px 12px;
    min-height: 42px;
  }
  .con-title h3{ font-size: 15px; }
}