.search{padding:60rem 0;}
.search-html{display:block;}
.search-html form{display:block; position:relative; height:48rem;}
.search-html form>input{display:block; height:48rem; padding:0 16rem; display:block; width:100%; margin:0; transition:.3s;  padding:8rem 12rem; border-radius:10rem; background:#fff; border:1rem solid #ddd; line-height:1.75; font-size:14rem; height:48rem;}
.search-html form>button{position:absolute; right:0; top:0; z-index:1; background:none; border:none; cursor:pointer; font-size:18rem; width:48rem; height:48rem;}
.search-html form>input:hover,
.search-html form>input:focus{border-color:#f08800; box-shadow:0 0 8rem #f0880066;}
.search-content{margin:30rem 0 0 0;}
.search-list{background:#fff;}
.search-list ul>li{padding:0 0 20rem 0; margin:0 0 20rem 0; border-bottom:1rem solid #eff2ff;}
.search-list ul>li:after{display:block; content:''; clear:both;}
.search-list ul>li img{float:left; height:168rem; max-width:288rem; margin-right:20rem; border-radius:15rem;}
.search-list ul>li>span{overflow:hidden;}
.search-list ul>li h3>a{color:#181818;}
.search-list ul>li h3>a:hover{color:#f08800;}
.search-list ul>li p{margin:5rem 0 0; color:#787878;}
.search-list ul>li i{display:block; margin:12rem 0 0; font-style:normal; color:#a8a8a8;}
@media(max-width:1200px){
.search{padding:40rem 0;}
.search-list ul>li img{margin:0; float:none; max-width:100%;}
}
@media(max-width:767px){
.search{padding:20rem 0;}
.search-content{margin:15rem 0 0 0;}
}