.noDate{
    margin-top:40px;
}
.searchPage .search_header{
    padding:40px 0;
    background: #f7f7f7;
 
}
.search_header .sel{
    
    width:200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
   position: relative;
     background: #fff;
     margin-right: 10px;
      border-radius: 10px ;
}

.search_header .sel .act{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
     cursor: pointer;
}
.search_header .sel .act svg{
        transition: all 0.2s linear;
           
    
}
.search_header .sel p{
    width: 100%;
    cursor: pointer;
}
.search_header .sel .opt{
    display: none;
 position: absolute;
 width: max-content;
 min-width: 100%;
 top: 100%;
 left: 0;
 background: #fff;
   padding: 10px 20px;
     border-radius: 10px ;
         box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.search_header .sel .opt p{
    padding: 5px 0;
     cursor: pointer;
     transition: all 0.2s linear;
}
.search_header .sel .opt p:hover{
    color:#D0111B;
    
}
.searchPage .search_header > p{
    color: #D0111B;
     font-weight: 600;
      text-align: center;
      margin-bottom: 20px;
}
.searchPage .search_header >div{
    
    max-width:800px;
    width: 90%;
    margin: auto;
      position: relative;
      display: flex ;
}
.searchPage .searchcon{
    flex: 1;
    border:1px solid #fff;
    padding: 0 100px 0 24px;
    height: 50px;
    line-height: 50px;
    border-radius: 10px ;
      font-size: inherit;
       
}
.searchPage #searchBtn{
  position:absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
line-height: 1;
}

.searchPage .search_list{
  padding:  60px 0 120px 0;
    
}

.search_header .dis_tab{
    display: flex;
    flex-wrap: wrap;
        color: #666666;
            line-height: normal;
            margin-top: 20px !important;
}
.search_header .dis_tab p{
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.2s line-height;
}
.search_header .dis_tab p:hover{
  color:   #D0121B;
}
.list_box{
   
}
.list_box .list{
     display: flex;
     margin-bottom:20px;
     padding-bottom:20px;
     border-bottom:1px solid #eaeaea;
}

.list_box .image{
    width: 400px;
   text-align: center;
    border-radius:10px;
    overflow: hidden;
}
.list_box  .image img{
     max-width: 100%;
    max-height: 100%;
    object-fit: cover;
        vertical-align: middle;
    transition: all 0.4s linear;
}
.list_box .list:hover img{
   transform: scale(1.05);
} 
.list_box .list_r{
    flex: 1;
    padding: 20px 40px;
}

.list_box .list_r .tit{
    color: #333;
    font-weight: 600;
}
.list_box .list:hover  .tit{
    color: #D0111B;
}
.list_box .list_r .mes{
    color: #333;
    opacity: 0.4;
    margin-top: 20px;
     text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
}
.list_box .list_r .tab{
    padding:2px 10px;
    background: #D0111B;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    border-radius: 4px;
    
}
@media only screen and (max-width: 1600px){
.list_box .list{

     margin-bottom:2.6vw;
     padding-bottom:2.6vw;
     border-bottom:1px solid #eaeaea;
}
.laypage_main{margin-top:4.16vw;}
}
@media only screen and (max-width: 768px){
.laypage_main{margin-top:20px;}
.search_header .sel .opt{
    padding:10px;
}
.search_header .sel{
      flex:0 0 90px;

    padding:0 10px;
    
}
.searchPage #searchBtn{
    right: 10px;
}
.searchPage .search_header{
    padding: 40px 0;
}
.list_box .list_r{
    padding: 10px 20px;
}
.list_box .image{
    
    width: 80px;height: 80px;line-height: 80px;
}
.searchPage .search_list{
    
    padding:40px 0;
}
.searchPage .searchcon{
    flex: 0 0 100%;
    padding-right: 50px;
    padding-left:10px;
}


}