body{background-color:#fff}
.search-div{float:right;width:20rem;position:relative}
.search-div i,.search-div span{position:absolute;line-height:2.43rem}
.search-div i{left:.5rem}
.search-div input{padding:0 3rem 0 2rem;border-color:#666;border-radius:.357142rem}
.search-div span{right:.5rem;top:0;cursor:pointer;padding-left:.5rem;border-left:1px solid #999}
.detail-list{width:25%;float:left;padding:2rem 0}
.detail-list:last-child{border-bottom:0}
.detail-list .img-div{width:calc(100% - 2rem);border:1px solid #ccc;max-width:390px;cursor:pointer}
.detail-list .img{width:100%;height:auto;position:relative;padding-bottom:66.67%}
.detail-list .img img{width:100%;height:100%;top:0;left:0;position:absolute}
.detail-list .cntt{padding:1rem;word-break:break-all}
.detail-list .title{font-size:1.286rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.detail-list .donate{margin-top:.5rem;color:#666}
#contentlist .detail-list:nth-child(4n-1) .img-div{margin:0 auto}
#contentlist .detail-list:nth-child(4n) .img-div{float:right}
.list-content{height:100%;min-height:45.76923rem}
#contentlist{height:5%;margin-bottom:2.307692rem}
.middle-content{margin-top:8.714285rem}