/* 产品替代查询页，仅作用于 goods-replace-*，避免影响站内其它页面 */
.goods-replace-page{
    width:100%;
    padding:72px 0 92px;
    background:#f7f9fc;
    box-sizing:border-box;
}
.goods-replace-page .auto_1280{
    width:1280px;
    margin:0 auto;
}
.goods-replace-title{
    text-align:center;
    margin-bottom:38px;
}
.goods-replace-title span{
    display:block;
    margin-bottom:7px;
    color:#0f5ac4;
    font-size:14px;
    line-height:24px;
    letter-spacing:2px;
    font-weight:600;
}
.goods-replace-title h1{
    margin:0;
    color:#111827;
    font-size:34px;
    line-height:50px;
    font-weight:600;
}
.goods-replace-title p{
    margin-top:10px;
    color:#6b7280;
    font-size:15px;
    line-height:28px;
}
.goods-replace-search-box{
    width:920px;
    margin:0 auto;
    padding:34px 40px 27px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 8px 30px rgba(29,55,92,.08);
    box-sizing:border-box;
}
.goods-replace-search-inner{
    display:flex;
    width:100%;
    height:54px;
    border:1px solid #d9dee8;
    border-radius:4px;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
    transition:border-color .2s ease, box-shadow .2s ease;
}
.goods-replace-search-inner.goods-replace-focus{
    border-color:#0f5ac4;
    box-shadow:0 0 0 3px rgba(15,90,196,.08);
}
.goods-replace-search-input{
    flex:1;
    min-width:0;
    height:52px;
    padding:0 18px;
    border:0;
    background:transparent;
    color:#1f2937;
    font-size:16px;
    line-height:52px;
    box-sizing:border-box;
}
.goods-replace-search-input::-webkit-input-placeholder{color:#a5adba;}
.goods-replace-search-input::-moz-placeholder{color:#a5adba;}
.goods-replace-search-input:-ms-input-placeholder{color:#a5adba;}
.goods-replace-search-btn{
    width:176px;
    height:54px;
    margin:-1px -1px -1px 0;
    border:0;
    background:#0f5ac4;
    color:#fff;
    font-size:15px;
    cursor:pointer;
    transition:background .2s ease;
}
.goods-replace-search-btn:hover{background:#0b4da9;}
.goods-replace-search-btn:disabled{
    cursor:not-allowed;
    opacity:.75;
}
.goods-replace-search-btn i{
    margin-right:7px;
    font-size:14px;
}
.goods-replace-search-msg{
    min-height:21px;
    padding-top:7px;
    color:#e34d59;
    font-size:13px;
    line-height:21px;
    box-sizing:border-box;
}
.goods-replace-search-tips{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:5px;
    color:#8992a3;
    font-size:13px;
    line-height:24px;
}
.goods-replace-search-tips span{
    margin:0 15px;
}
.goods-replace-search-tips i{
    margin-right:4px;
    color:#24a36a;
}
.goods-replace-result{
    width:100%;
    margin-top:34px;
}
.goods-replace-loading,
.goods-replace-empty,
.goods-replace-error{
    width:100%;
    padding:50px 30px;
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:6px;
    text-align:center;
    box-sizing:border-box;
}
.goods-replace-loading{
    color:#6b7280;
    font-size:14px;
}
.goods-replace-loading i{
    margin-right:8px;
    color:#0f5ac4;
}
.goods-replace-empty i,
.goods-replace-error i{
    display:block;
    margin-bottom:14px;
    color:#c3cad5;
    font-size:34px;
}
.goods-replace-empty h3,
.goods-replace-error h3{
    margin:0 0 8px;
    color:#313846;
    font-size:18px;
    line-height:30px;
    font-weight:500;
}
.goods-replace-empty p,
.goods-replace-error p{
    color:#8a93a3;
    font-size:14px;
    line-height:25px;
}
.goods-replace-result-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:66px;
    padding:14px 22px;
    background:#fff;
    border:1px solid #e8ecf2;
    border-bottom:0;
    border-radius:6px 6px 0 0;
    box-sizing:border-box;
}
.goods-replace-result-head h2{
    margin:0;
    color:#202938;
    font-size:18px;
    line-height:30px;
    font-weight:600;
}
.goods-replace-result-head h2 strong{
    color:#0f5ac4;
    font-weight:600;
}
.goods-replace-result-head p{
    margin:0;
    color:#7f8898;
    font-size:13px;
    line-height:24px;
}
.goods-replace-table-wrap{
    width:100%;
    overflow-x:auto;
    background:#fff;
    border:1px solid #e8ecf2;
    border-radius:0 0 6px 6px;
    box-sizing:border-box;
}
.goods-replace-table{
    width:100%;
    min-width:1080px;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
}
.goods-replace-table th{
    height:50px;
    padding:0 14px;
    background:#f5f7fa;
    border-bottom:1px solid #e6eaf0;
    color:#4e5868;
    font-size:14px;
    font-weight:500;
    text-align:left;
    box-sizing:border-box;
}
.goods-replace-table td{
    padding:16px 14px;
    border-bottom:1px solid #eef1f5;
    color:#505968;
    font-size:14px;
    line-height:23px;
    vertical-align:middle;
    word-break:normal;
    white-space:nowrap;
    box-sizing:border-box;
}
.goods-replace-table tbody tr:last-child td{border-bottom:0;}
.goods-replace-table tbody tr:hover{background:#fafcff;}
.goods-replace-table .goods-replace-part{
    color:#0f5ac4;
    font-weight:600;
}
.goods-replace-table a.goods-replace-part:hover{
    color:#0b4da9;
    text-decoration:underline;
}
.goods-replace-table .goods-replace-note{
    color:#626d7d;
}
.goods-replace-table .goods-replace-no-link{
    color:#1f2937;
    font-weight:600;
}
.goods-replace-table .goods-replace-col-origin{width:185px;}
.goods-replace-table .goods-replace-col-brand{width:155px;}
.goods-replace-table .goods-replace-col-package{width:105px;}
.goods-replace-table .goods-replace-col-replace{width:210px;}
.goods-replace-table .goods-replace-col-replacebrand{width:170px;}
.goods-replace-table .goods-replace-col-replacepackage{width:115px;}
.goods-replace-table .goods-replace-col-name{width:110px;}
.goods-replace-table .goods-replace-col-note{width:auto;}

/* 型号保持单行显示，型号较长时不换行 */
.goods-replace-table .goods-replace-part,
.goods-replace-table .goods-replace-no-link{
    white-space:nowrap;
    word-break:keep-all;
}

@media screen and (max-width: 1300px){
    .goods-replace-page .auto_1280{width:94%;}
}
@media screen and (max-width: 900px){
    .goods-replace-page{padding:46px 0 60px;}
    .goods-replace-search-box{width:100%;padding:24px 20px 20px;}
    .goods-replace-search-tips{justify-content:flex-start;}
    .goods-replace-search-tips span{width:100%;margin:2px 0;}
}
@media screen and (max-width: 640px){
    .goods-replace-title{margin-bottom:25px;}
    .goods-replace-title h1{font-size:27px;line-height:40px;}
    .goods-replace-title p{font-size:14px;line-height:24px;padding:0 8px;}
    .goods-replace-search-inner{height:auto;display:block;border:0;overflow:visible;}
    .goods-replace-search-input{
        width:100%;height:48px;line-height:48px;border:1px solid #d9dee8;border-radius:4px;padding:0 14px;
    }
    .goods-replace-search-btn{
        width:100%;height:48px;margin:10px 0 0;border-radius:4px;
    }
    .goods-replace-result-head{display:block;padding:14px 16px;}
    .goods-replace-result-head p{margin-top:2px;}
}