
.html-box .container-fluid {
	position: static;
  background: #fff;
  flex-direction: column;
}


.product .swiper_select_product .card-title {
    font-size: 16px !important;    
}


.w-attr-box .table thead th {
        border-bottom: 1px solid #dee2e6;
}


.html-box .btn-danger {
    padding: 5px 10px !important;
    font-size: 12px !important;  
} 

.table-attr tr th{
    justify-content: flex-start;
    /*position: relative;*/
}


.w-table tbody tr:not(.same-tr):nth-child(odd) {
   /*background: #f3f3f3 !important;    */
}

.w-table:not(.table-compare) tbody tr:nth-child(2n+1) {
    background: #FFF !important;
}
.w-table:not(.table-compare) tbody tr:nth-child(2n+2) {
    background: #f3f3f3 !important;
}
.w-table.table-compare  tbody tr.tr-bg {
    background: #f3f3f3 !important;
}

.w-table.table-compare tbody .table_btn_select {
    background: #fff !important;
}
.w-table.table-compare tbody .table_btn_select.tr-bg {
    background: #fff !important;
}
















.flexible_select {
    position: relative;
}
.pop-attr {
    height: 40px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    /*display: none;*/
    position: absolute;
    z-index: 1;
    left: 0;
    display: none;
}

.w-table tbody tr .pop-attr {
   
}
.w-table tbody tr:nth-child(2n + 1) .pop-attr {
    background: #fff !important;  
}
.w-table tbody tr:nth-child(2n + 2) .pop-attr {
    background: #f3f3f3 !important;
}


.pop-attr.shown {
    display: flex;
    justify-content: center;
    align-items: center;
}


.table-attr  tbody{
    border-right: 1px solid #ddd;
}
.table-product  tbody tr{
    border-right: 1px solid #ddd;
}
.table-product  tbody tr:last-child {
    border: none;
}


.same-tr.hide-same-tr {
    display: none !important;
}



.table-product  .same-td {
    height: 40px !important;
    /*overflow: hidden;*/
    visibility: hidden;
}


.left-attr-wrap {
    max-width: 350px;
    min-width: 225px;
}

.card-img-top {
    max-width: 300px  !important;
    padding-bottom: 0 !important;
    margin-bottom: 70px;
    /*max-height: 220px;*/
}

.table_btn_select a.btn{
    width: 35px;
    height: 35px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table_btn_select a.btn .icon {
    margin-right: 0 !important;
}

.product .swiper_select_product a.collapsed .card {
    border: 2px solid #eee !important; 
}





/*产品中心 禁止不同系列产品进行比较*/
.not-allow-click {
    filter: grayscale(1) !important;
    opacity: .4 !important;
    cursor: not-allowed !important;
}



.btn-compare-box {
    margin-bottom: 30px;
    margin-left: -15px;
}

.btn-compare {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 179px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 22px 22px 22px 22px;
    border: 1px solid #ccc;

}
.btn-compare.hide-attr-same {
   border: 1px solid #FF6500;
}

.btn-compare-hide-img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: none;
}
.btn-compare-hide-img.check-0 {
    display: inline-block;
}


.hide-attr-same .btn-compare-hide-img.check-1{
    display: inline-block;
}
.hide-attr-same .btn-compare-hide-img.check-0{
    display: none;
}


.table-attr.hide-same-attr .same-tr{
    display: none;
}





