.search{padding:80px 0;}
.search-html{display:block;}
.search-html form{display:block; position:relative; height:58px;}
.search-html form>input{display:block; height:58px; padding:15px 20px; line-height: 26px; border-radius:50px; box-shadow:0 0 8px rgba(0,0,0,.1); border:1px solid #686868;}
.search-html form>button{position:absolute; right:0; top:0; z-index:1; background:none; border:none; cursor:pointer; font-size:22px; width:58px; height:58px; line-height:58px;}
.search-html form>button:hover{color:#768047;}
.search-content{display: block;}
.search-title{margin:60px 0 0 0;}
.search-title>h2{font-weight: normal;}
.search-null{font-size:28px; font-weight:bold;}
.search-null strong{color:#768047;}
.search-list{margin-top:30px;}
.search-list ul>li{padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #68686866;}
.search-list ul>li:after{display:block; content:''; clear:both;}
.search-list ul>li img{float:left; width:228px; height:168px; border-radius: 3px; margin-right:28px;}
.search-list ul>li>span{overflow:hidden;}
.search-list ul>li h3{font-size:20px; margin-top:5px;}
.search-list ul>li h3>a{color:#181818;}
.search-list ul>li h3>a:hover{color:#768047;}
.search-list ul>li i{display:block; margin:10px 0 0; font-style:normal; color:#989898;}
.search-list ul>li i:before{float: left; width: 15px; height: 1px; content:''; margin:13px 6px 0 0; background: #768047;}
.search-list ul>li i>b{display: inline-block; padding: 0 2px; font-weight: normal;}
.search-list ul>li i>b:before{content:'/';}
.search-list ul>li p{margin:15px 0 0; color:#686868;}

.search-rem{margin-top:80px;}
.search-rem>h2{ font-weight: normal;}
.search-rem>ul{display:block; margin:0 -20px;text-align:center;}
.search-rem>ul:after{display:block; content:''; clear:both;}
.search-rem>ul>li{float:left; width:25%; padding:20px;}
.search-rem>ul>li>a{display:block;}
.search-rem>ul>li>a>ins{display:block; overflow:hidden; border-radius:5px; box-shadow:0 0 8px rgba(0,0,0,.08);}
.search-rem>ul>li>a>ins>img{display:block; transition:.3s;}
.search-rem>ul>li>a:hover>ins>img{transform:scale(1.05);}
.search-rem>ul>li>a>h3{font-size:16px; font-weight:normal; padding:10px 5px 0 5px;}
@media(max-width:1200px){
.search{padding:40px 0;}
.search-title{margin:40px 0 0 0;}
.search-null{font-size:24px;}
.search-list ul>li{padding:0 0 20px 0; margin:0 0 20px 0;}
.search-list ul>li p{font-size:15px;}

.search-rem{margin-top:50px;}
.search-rem>h2{font-size:32px;}
.search-rem>ul{ margin:0 -10px;}
.search-rem>ul>li{padding:10px;}
.search-rem>ul>li>a>h3{font-size:15px;}
}
@media(max-width:767px){
.search{padding:20px 0;}
.search-title{margin:20px 0 0 0;}
.search-title>h2{font-size:18px;}
.search-null{font-size:20px;}
.search-list{margin-top:10px;}
.search-list ul>li{padding:0 0 15px 0; margin:0 0 15px 0;}
.search-list ul>li img{float: none;}
.search-list ul>li i{font-size: 14px;}
.search-list ul>li h3{font-size:18px;}
.search-list ul>li p{font-size:14px;}

.search-rem{margin-top:30px;}
.search-rem>h2{font-size:22px;}
.search-rem>ul{padding-top:5px; margin:0 -4px;}
.search-rem>ul>li{padding:4px; width:50%;}
.search-rem>ul>li>a>h3{font-size:14px; padding:4px 0 0;}
}