.relevant-recommend{
  
}
.relevant-recommend h2{
    font-size:18px;
    margin-bottom:20px;
}
.recommend-pro,.recommend-resource,.recommend-ask{
    margin-bottom:50px;
}
.recommend-pro{
    overflow:hidden;
    
}
.recommend-pro dl{
    float:left;
    width:110px;
    margin-right:0.8%;
}
.recommend-pro dl img{
    width:100%;
}
.recommend-pro dl dd{
    text-align: center;
    font-size: 14px;
}
.recommend-resource p{
    margin-bottom:15px;
    font-size:14px;
}
.recommend-ask a{
    font-size:14px;
}
.recommend-ask ul li {
    width: 100%;
     background-color: #f7f7f7;
    /* display: block;
    float: left;
    position: relative; */
}
.recommend-ask ul ul.submenu{
    width:100%;
    display: none;
}
.recommend-ask ul ul.submenu li {
    clear: both;
    width: 100%;
}
.accordion h3{
    font-size:16px;
    line-height:50px;
    padding:0 10px;
}
.icon-btn:after{
    content:'\002B';
    color:#000;
    font-weight:bold;
    float:right;
    margin-left:5px;
} 
.icon-btn.currenter:after{
    content:'\2212';
}
.answer{
    padding:25px;
     background-color: #ffffff; 
    display: none;
    font-size:14px;
    
}
div.answer-active{
    display: block;
}
  .product_preview .left .subtitle{    display: ruby;text-transform: uppercase;}  
.product_spec .left p,.product_desc .content .intro p,.product_application .list li p{font-size:16px !important;font-family: Jost, sans-serif !important;
    font-weight: normal;}
.product_spec #desc{font-size: 38px;
    font-weight: 500;}
   .table-container {
      width: 100%;
      margin-bottom: 5px; 
      background-color: #eaf3f0;
     
    }
    .table-container ul.table-header,
    .table-container ul.table-body {
      display: flex;
      list-style-type: none;
      padding: 0;
      margin: 0;
   
      background-color: white;
    }

    .table-container ul.table-header {
   
       margin-top: 60px;
    }

    .table-container ul li {
      flex: 1;
    
      padding: 12px;
      text-align: center;
      align-items: center;
      justify-content: center;
      vertical-align: top;
       display: flex;
       margin: 0 2px 0 2px;
      
    }

    .table-container .table-header  li {
        background-color: #daeae5;
   font-weight: 500;
    
    font-size: 1rem;
    }

    .image-container {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .image-container p{
         width: 45%;
         text-align: center;
    }

    .image-container img {
      max-width: 45%;
      height: auto;
      border: 1px solid #ccc;
    }
    
    .Result{background-color: #daeae5 !important;}
    .Flowresult{background-color: #eaf3f0 !important;}
    .flowimg{width:100% !important;}