@media (min-width:1026px) {

  #search_index {min-height: calc(100vh - 137px);}
   /* 搜索pc端 */

   .menu_element_search {

       width: 100%;

   }

   .add_shoppingCartButton{

     opacity: 0;

   }

   /* .plp_swiper_border:hover .plp_swiper_partsop{

     opacity: 1;

   }
   .plp_swiper_border:hover .add_shoppingCartButton{

     opacity: 1;

   } */

   /* .plp_swiper_border:hover .plp_swiper_parts{

     display: flex;

   } */
   /* .plp_swiper_border:hover .plpswiperbutton .swiper-button-next{

     display: flex;

   } */


}


@media (min-width:1026px) {

   .menu_element_search .search_input_flex{
       display: flex;
   }
   
   .menu_element_search .search_input_box{
       display: flex;
       justify-content: center;
       padding: 47px 16px 32px;
   }
   
   .menu_element_search .search_input_flex input{
       width: 355px;
       border: none;
       outline: none;
       border-bottom: 1px solid #000;
       text-indent: 5px;
       font-size: 14px;
       color: #000000;
   }
   
   .menu_element_search .search_input_flex input::placeholder{
       font-size: 14px;
       font-weight: 400;
       color: #000000;
       line-height: 33px;
   
   }
   
   .search_c_logo{
     width:153px;
     background: url(../../img/header/head_logo_black.svg) no-repeat;
     background-size: 100% auto;
     height:50px;
     display: flex;
     display: -webkit-flex;
   }
   
   .search_logo{
     margin-top: 20px;
   }
   
   .search_header_parts{
     z-index: 6;
   }
   
   .search_input_button{
       padding: 8px 0px 9px 0px;
       color: #fff;
       background: #000;
       font-size: 12px;
       font-weight: 400;
       text-align: center;
       min-width: 114px;
       border: 1px solid transparent;
       box-sizing: border-box;
       transition: .3s;
       cursor: pointer;
   }
   
   .search_input_button:hover{
     color: #000;
     background: #fff;
     border: 1px solid #000;
     box-sizing: border-box;
     transition: .3s;
     cursor: pointer;
   }
   #search_index .search_tips{
       font-size: 16px;
       font-weight: 400;
       color: #000000;
       margin: 0 auto 32px;
       max-width: 469px;
   }
   #search_index .search_empty_state{
     /* display: flex;
     flex-wrap: wrap; */
     padding: 0 64px 30px;
     width: 100%;
     text-align: center;
     font-size: 0;
 
   }
   .search_empty_state a{
 
     display: inline-block;
 
     padding: 0 6px 12px;

     max-width: 100%;
     
     word-wrap: break-word;

     word-break: break-all;
 
   }
   .search_empty_item{
     font-weight: 400;  
     font-size: 12px;
     padding: 0 17px 0 17px;
     border: 1px solid #e7e7e7;
     color: #000;
     cursor: pointer;
     line-height: 42px;
     box-sizing: border-box;
   }
   
   .search_content{
     padding: 0 64px;
     display: flex;
     position: relative;
     display: grid;
     grid-template-columns: minmax(auto,50%) 50% auto;
     justify-content: center;
     padding-bottom: 32px;
   }
   .search_content_grid{
     padding: 0 64px;
     display: flex;
     position: relative;
     display: grid;
     grid-template-columns: minmax(auto,50%) 25% auto;
     justify-content: center;
   }
   .search_content_gridAuto{
     grid-template-columns: minmax(auto,50%) 0% auto;
 
     margin: 0 auto;
   }
   .search_content_left_flex{
     display: grid;
     grid-template: 1fr/repeat(4,minmax(0,25%));
     grid-gap: 24px;
     width: 100%;
     margin-bottom: 38px;
   }
   
   .search_content_left{
     padding: 32px 48px 32px 0;
     overflow: hidden;
     box-sizing: border-box;
     border-right: 1px solid #e7e7e7;
     grid-area: unset;
   }
   .search_content_left_title{
     font-size: 16px;
     font-weight: 600;
     color: #000000;
     margin-bottom: 32px;
   }
   .search_content_left_item{
     margin-right: 24px;
     width: 100%;
     cursor: pointer;
   }
   .content_left_item_img img:hover{
   
       transform: scale(1.1);
   
   }
   
   .search_content_left_item:last-of-type{
     margin-right: 0;
   }
   .content_left_item_img{
     width: 100%;
     overflow: hidden;
   }
   .content_left_item_img img{
     width: 100%;
     height: 100%;
     transition: 0.888s;
   }
   .content_left_item_text{
     text-align: center;
     font-size: 12px;
     font-weight: 400;
     padding-top: 7px;
     color: #000;
   }
   .search_content_right{
     display: flex;
     grid-area: unset;
   }
   .search_content_right_news{
     padding-top: 32px;
     padding-bottom: 32px;
     padding-left: 48px;
     flex: 1;
   }
   .content_right_news_title{
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 32px;
     color: #000;
   }
   .right_news_text_box{
     margin-bottom: 24px;
   }
   .right_news_text_box:last-of-type{
       margin-bottom: 0;
   }
   .right_news_text{
     font-size: 14px;
     font-weight: 400;
     color: #000;
     box-sizing: content-box;
   }
   .right_news_icon_box{
     display: flex;
     justify-content: flex-end;
     height: auto;
     align-items: center;
     padding-left: 16px;
     flex: 1;
   }
   .right_news_text_item{
     display: flex;
     justify-content: space-between;
     cursor: pointer;
   }
   .right_news_icon{
     display: block;
     background: url("../../img/height_right.svg") no-repeat;
     background-size: 100% 100%;
     width: 16px;
     height: 16px;
   }
   .search_content_right_service{
     padding-left: 48px; 
     flex: 1;
     height: 100%;
   }
   .content_right_service{
     width: 100%;
     background: #F9F9F9;
     padding: 32px;
   }
   .content_right_title{
     font-weight: 600;
     font-size: 16px;
     margin-bottom: 24px;
     color: #000;
   }
   .content_right_list_box{
     margin-bottom: 8px;
     cursor: pointer;
   }
   .content_right_list_box:last-of-type{
   
     margin-bottom:0;
   
   }
   
   .content_right_list_item{
     
     padding: 8px 0;
   }
   .content_right_list_item a{
     display: flex;
   }
   
   .right_list_item_img{
       width: 18px;
       height: 18px;
   }
   .right_list_item_img img{
       width: 100%;
       height: 100%;
   }
   .right_list_item_text{
     font-size: 14px;
     font-weight: 400;
     flex: 1;
   }
   .right_list_item_text{
     padding-left: 16px;
   }
   
    .search_content_left_title,
    .search_content_left_flex,
    .content_right_news_title,
    .right_news_text_content,
    .content_right_title,
    .content_right_list,
    .content_right_list_box,
    .search_content_left_item,
    .right_news_text_box{
       opacity: .001;
       transform: translate3d(0,50px,0);
       transition: opacity 666ms ease,transform 666ms ease;
       
   }
   
   .search_content_left_item:nth-child(3),.search_content_left_item:nth-child(4){
     transition-delay: 0.888s;
   }
   
   .content_right_service ,.content_right_list,.search_content_left_flex,.right_news_text_content{
     transition-delay: 1.11s;
   }
   .content_right_news_title,
   .search_content_left_title,
   .content_right_title{
     transition-delay: 666ms;
   }
   
   .content_right_service{
 
     background-color: #fff;
 
     transition: background-color 444ms ease;
 
   }
   
   .ani_stater .search_content_left_title,
   .ani_stater .search_content_left_flex,
   .ani_stater .content_right_news_title,
   .ani_stater .right_news_text_content,
   .ani_stater .content_right_title,
   .ani_stater .content_right_list,
   .ani_stater .search_content_left_item,
   .ani_stater .content_right_list_box,
   .ani_stater .right_news_text_box{
     opacity: 1;
     transform: translateZ(0);
   } 
   .ani_stater .content_right_service{
 
     background-color: #f9f9f9;
     transition-delay: 1.11s;
 
   }
   .search_close{
     position: absolute;
     top: 16px;
     right: 32px;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 18;
     cursor: pointer;
   }
   .search_close div{ width: 10px; height: 10px;}
   
   .search_close div img{ width: 10px; height: 10px;}
   
   .right_news_text , .content_left_item_text span ,.right_list_item_text span , .associate_box_text .associate_box_text_box{
     background-image: linear-gradient(#000,#000);
     background-position: 0 98%;
     background-repeat: no-repeat;
     background-size: 0 1px;
     padding-bottom: 2px;
     padding-top: 2px;
     transition: background-size .6s ;
     word-break: break-all;
   }
   
   .right_news_text_item:hover .right_news_text{
     background-size: 100% 1px;
   
   }
   .search_content_left_item:hover .content_left_item_text span{
     background-size: 100% 1px;
   }
   
   .associate_box_text_box:hover{
     background-size: 100% 1px;
   }
   
   .content_right_list_item:hover .right_list_item_text span{
   
     background-size: 100% 1px;
     
   }

   .associate_box{
     max-width: 486px;
     margin: -16px auto 24px;
   }
   .associate_box_text{
     padding: 4px 0;
     color: #000;
   }
   .associate_box_text_box{
     cursor: pointer;
     font-weight: 600;
     line-height: 1.6;
   }
   .associate_box_text_box span{
     font-weight: 400;
   }
   .search_close_bg{
      background: url('../../img/header/search_close.svg');
      background-repeat: no-repeat;
      background-size: 100% 100%;
   }
   .search_close:hover .search_close_bg{
     background: url('../../img/header/search_close_red.svg');
     background-repeat: no-repeat;
     background-size: 100% 100%;
   }
   .search_input_flex_box{
     display: flex;
   }
   .search_input_clear_box{
     width: 35px;
     height: 35px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     top: 0;
     right: 0;
     margin-right: 4px;
     display: none;
     cursor: pointer;
   }
   .search_input_flex_box:hover .search_input_clear_box{
 
     display: flex;
 
   }
   .search_input_clear_box .search_input_clear{
     background: url('../../img/header/close.svg');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 10px;
     height: 10px;
   }
   .search_content_left_list{
 
     padding-right: 32px 0 32px;
 
     border-right: 0;
 
   }
   .content_left_all{
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 32px  0;
   }
   .content_left_all a{
     background-image: linear-gradient(currentColor,currentColor);
     background-position: 0 98%;
     background-repeat: no-repeat;
     background-size: 100% 1px;
     transition: .3s;
     color: #000;
     padding: 2px 0;
 
   }
   .content_left_all a:hover{
 
     background-size: 0 1px;
 
   }
   
   
 
}
 
@media (min-width:1921px) {

#searchContent{

   padding: 0 calc(50vw - 869px);

}

.search_empty_state{

   padding: 0 calc(50vw - 869px)  30px;
}

}

@media (max-width:1280px){

.search_content_left_flex{

   grid-template: 1fr/repeat(2,minmax(0,50%));

}

.search_content_right{

   display: grid;

}
.search_content_right_news{
   display: flex;
   flex-direction: column;
}
.search_content_right_service{

   padding-top: 32px;

}
.search_content_gridAuto{

   grid-template-columns: minmax(auto,50%) 0% auto;

}

.search_content_left_list{

   padding: 32px 24px 32px 24px;
   
}

.header_window .menu_element_search.active{

   max-height:calc(100vh - 57px);
   
   overflow: auto;

}


}

@media (max-width: 1025px) {

 .search_box_header{
   display: flex;
 }
 .menu_element_search  .search_input_box{
   padding: 19px 16px 28px;
 }
 .search_input_flex{
   display: flex;
 }
 .menu_element_search .search_empty_state{
   display: flex;
   justify-content: flex-start;
   padding: 0 16px 42px;
   width: 100%;
   overflow-x: auto;
   white-space:nowrap

 }
 .menu_element_search .search_empty_item{
  font-weight: 400;  
  font-size: 12px;
  padding: 0 17px 0 17px;
  border: 1px solid #e7e7e7;
  color: #000;
  cursor: pointer;
  line-height: 36px;
  margin-right: 14px;
  box-sizing: border-box;
 } 
 .search_content_left{
    padding: 32px 16px !important;
    box-sizing: border-box;
 }
 .search_content_left_title{
   font-size: 16px;
   font-weight: 600;
   color: #000;
   margin-bottom: 24px;
   justify-content: flex-start !important;
 }
 .search_content_left_flex{
   display: grid;
   grid-template:  1fr/repeat(2,minmax(0,50%));
   grid-gap:24px 16px;

 }
 .search_content_left_item{

   padding: 8px 0;
   width: 100%;

 }
 .search_content_left_item  .content_left_item_img{
   
   width: 100%;
   height: 100%;

 }
 .search_content_left_item img{
   width: 100%;
   height: 100%;
 }
 .content_left_item_text{
   text-align: center;
   padding-top: 11px;
   font-size: 12px;
   font-weight: 400;

 }
 .content_left_item_text span{

   word-break: break-all;

 }
 .search_content_right_news{
   font-size: 16px;  
   font-weight: 600;
   padding: 32px 16px;
 }
 .content_right_news_title{
   margin-bottom: 24px;
   color: #000;
 }
 .right_news_text_content{
   /* padding: ; */
 }
 .right_news_text_box{
   margin-bottom: 16px;
 }
 .right_news_text_box:last-of-type{
   margin-bottom: 0px;
 }
 .right_news_text{
   display: flex;justify-content:space-between;line-height: 17px;
   word-break: break-all;
 }
 .news_text_box{
     font-size: 14px;
     font-weight: 400;
     color: #000;
     padding: 8px 0;
 }
 .right_news_text_item{display: flex;justify-content:space-between;}
 .right_news_icon_box{
   display: flex;
   height: auto;
   align-items: center;
   padding-left: 16px;
 }
 .right_news_icon{
   display: block;
   background: url(../../img/height_right.svg) no-repeat;
   background-size: 100% 100%;
   width: 16px;
   height: 16px;
 }
 .search_content_right_service{
   padding: 32px 16px 72px;
   background: #F9F9F9;
 }
 .content_right_list_box{margin-bottom: 8px;}
 .content_right_list_box:last-of-type{margin-bottom: 0;}
 .content_right_list_box a{display: flex;padding: 8px 0;}
 .right_list_item_img{
   width: 18px;
   height: 18px;
 }
 .right_list_item_img img{
   width: 100%;
   height: 100%;
 }
 .right_list_item_text{
   padding-left: 16px;
   font-size: 14px;
   font-weight: 400;
   word-break: break-all;
   flex: 1;
 }
 .content_right_title{
     font-size: 16px;
     font-weight: 600;
     color: #000000;
     margin-bottom: 24px;
 }

 #search_index .search_tips{

     font-size: 16px;
     font-weight: 400;
     color: #000000;
     margin: 0 16px 0;
     max-width: 469px;
     padding: 4px 0 32px;

 }

 .content_left_all{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 32px  0;
 }
 .content_left_all a{
   background-image: linear-gradient(currentColor,currentColor);
   background-position: 0 98%;
   background-repeat: no-repeat;
   background-size: 100% 1px;
   transition: .3s;
   color: #000;
   padding: 2px 0;

 }

 .search_close_phone{
   width: 40px;
   height: 40px;
   position: absolute;
   align-items: center;
   display: flex;
   justify-content: center;
   top: 10px;
   left:2px;
 }
 .search_close_phone img{width: 10px;height: 10px;}

 .search_exciting_title,
 .search_exciting_item,
 .search_news_title,
 .search_news_text_items,
 .search_on_service_title,
 .search_on_service_list{
     transition: opacity 666ms ease,transform 666ms ease;
     transition-delay: 0.666s;
     opacity: .001;
     transform: translate3d(0,50px,0);
}

     

.search_exciting_item:nth-child(3),.search_exciting_item:nth-child(4){
  transition-delay: 0.888s;
}

.search_exciting_title,.search_news_title,.search_on_service_title{
   transition-delay: 444ms !important;
}


/* .search_news_text_content ,.search_exciting_flex,.search_on_service_list_box{   
  transition: opacity 666ms ease,transform 666ms ease;
} */



.ani_stater .search_exciting_title,
.ani_stater .search_exciting_item,
.ani_stater .search_news_title,
.ani_stater .search_news_text_items,
.ani_stater .search_on_service_title,
.ani_stater .search_on_service_list{
  opacity: 1;
  transform: translateZ(0);
}

.search_input_flex_box{
   display: flex;
   flex: 1;
 }
.search_input_clear_box{
   width: 35px;
   height: 35px;
   display: none;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
   margin-right: 4px;
 }

 .search_input_flex_box:hover .search_input_clear_box{

   display: flex;

 }

 .search_input_flex{
   display: flex;
 }
 .search_input_flex input{
     flex: 1;
     border: none;
     outline: none;
     border-bottom: 1px solid #000;
     text-indent: 5px;
     font-size: 14px;
     color: #000000;
 }
 .search_input_flex input::placeholder{
       font-size: 14px;
       font-weight: 400;
       color: rgba(0, 0, 0, 0.5);
       line-height: 33px;
 }
 .search_input_button {
   padding: 8px 0px 9px 0px;
   color: #fff;
   background: #000;
   font-size: 12px;
   font-weight: 400;
   text-align: center;
   min-width: 114px;
   border: 1px solid transparent;
   box-sizing: border-box;
   transition: .3s;
   cursor: pointer;
 }

.search_input_clear_box .search_input_clear{
 background: url('../../img/header/close.svg');
 background-repeat: no-repeat;
 background-size: 100% 100%;
 width: 10px;
 height: 10px;
}
.search_input .search_input_nav{

 padding: 32px 0 12px;

}
.search_input .search_input_nav span{

   word-break: break-all;
   width: 90%;
   display: inline-block;

}

}


.fl{

 display: flex;

}

.fl_cen{

 align-items: center;
 justify-content: center;

}
 
.class_option{

 cursor: pointer;

}

.mob{height: 0;}