.search{padding:60px 0;}
.search-html{display:block;}
.search-html form{display:block; position:relative; height:58px;}
.search-html form>input{display:block; height:58px; padding:0 30px; border:none; font-size: 16px; }
.search-html form>button{position:absolute; right:10px; top:0; z-index:1; background:none; border:none; cursor:pointer; font-size:20px; width:58px; height:58px; color:#686868;}
.search-html form>button:hover{color:#1565e3;}
.search-content{margin:30px 0 0 0;}
.search-list{padding:30px; background:#fff;}
.search-list ul>li{padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #e8e8e8;}
.search-list ul>li:after{display:block; content:''; clear:both;}
.search-list ul>li img{float:left; height:168px; max-width:288px; margin-right:28px;}
.search-list ul>li>span{overflow:hidden;}
.search-list ul>li h3{font-size: 18px;}
.search-list ul>li h3>a{color:#181818;}
.search-list ul>li h3>a:hover{color:#1565e3;}
.search-list ul>li p{margin:8px 0 0; color:#686868;}
.search-list ul>li i{display:block; margin:12px 0 0; font-style:normal; color:#989898;}
@media(max-width:1199px){
.search{padding:40px 0;}
.search-html form>input{height:48px; padding:0 20px; font-size: 14px; }
.search-html form>button{right:10px; font-size:18px; width:48px; height:48px;}
.search-content{margin:20px 0 0 0;}
.search-list{padding:20px;}
.search-list ul>li{padding:0 0 20px 0; margin:0 0 20px 0;}
}
@media(max-width:767px){
.search{padding:20px 0;}
.search-html form>input{height:48px; padding:0 10px; font-size: 14px; }
.search-html form>button{right:0; font-size:18px; width:48px; height:48px;}
.search-content{margin:10px 0 0 0;}
.search-list{padding:10px;}
.search-list ul>li{padding:0 0 10px 0; margin:0 0 10px 0;}
.search-list ul>li img{height: 128px; max-width: 50%; margin-right:12px;}
}