.search-top{border-bottom: 1px solid #e6e6e6;}
.search-top a{display: block;width: 50%;text-align: center;float: left;color: #888888;font-size: 17px;font-weight: bold;padding: 15px 0;text-align: center;}
.search-top .active{color: #8b776d;border-bottom: 4px solid #8b776d;}
.search-main{display: none;}
.search-main.active{display: block;}
.search-result{padding: 15px 0 30px 0;color: #808080;font-size: 15px;text-align: center;}
.search-result span{font-weight: bold;color: #8b776d;}
.search-image{display: block;}
.search-image img{width: 100%;vertical-align: middle;}
.search-ul{font-size: 0;margin: 0 -15px;}
.search-ul li{display: inline-block;width: 33.33%;vertical-align: top;padding: 0 15px;margin-bottom: 30px;}
.search-li-title a{display: block;color: #505050;font-size: 17px;font-weight: bold;line-height: 22px;height: 44px;overflow: hidden;}
.search-li-title{margin: 5px 0;}
.search-li-text{color: #9E9E9E;font-size: 14px;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px;}
.tag-item{color: #999!important;font-size: 12px;text-decoration: underline!important;margin-right: 10px;}
.tag-item i,.see-number-item i{margin-right: 5px;}
.see-number-item{color: #999;font-size: 12px;margin-right: 10px;}
.search-button{display: inline-block;padding: 0 12px;background: #f3e9df;color: #8b776d!important;font-size: 12px;border-radius: 3px;}
.search-bottom-item{line-height: 26px;}
.search-bottom-item .share-item{line-height: 26px;margin-left: 0;}
.search-date{font-size: 12px;color: #9E9E9E;margin-top: 10px;}
.pages .ahover{background: #8b776d;}
@media (min-width: 1080px){
	.search-ul li a:hover{opacity: 0.8;}
	.pages a:hover{background: #8b776d;}
}
@media (max-width: 767px){
	.search-top a{font-size: 16px;}
	.search-result{font-size: 14px;}
	.search-li-title a{font-size: 16px;}
	.search-li-text{font-size: 12px;}
	.search-ul li{width: 100%;}
}

.search-bottom-item  .see-number-item i{
	transition: .5s all;
    font-size: 14px;
    vertical-align: middle;
}

.search-top {
    border-bottom: 1px solid #e6e6e6;
}

.pages {
    text-align: center;
    padding-bottom: 30px;
}

.pages .ahover,  .pages a:hover{
    background: #ac8676;
    color: #fff;
}

.pages a {
    display: inline-block;
    background: #f0f0f0;
    min-width: 46px;
    line-height: 46px;
    height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #929292;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px;
    margin-bottom: 5px;
    vertical-align: top;
}