.main-detail .page-search{float:right;height:100%;line-height:100%;position:relative}
.page-search .activityName{width:11.7rem}
.page-search .activityName input{flex:1;padding:0;text-align:center;border-radius:.2rem 0 0 .2rem}
.page-search .activityName .search-icon{width:2rem;height:2rem;cursor:pointer;background:var(--main_color);border-radius:0 .2rem .2rem 0}
.page-search .activityName .search-icon span{color:#fff;font-size:1rem}
.list-content{display:flow-root;margin:0 -2rem}
.list-div{float:left;width:33.33%;margin-bottom:3rem;padding:0 2rem}
.list-div .pic-div{width:100%;height:0;position:relative;padding-bottom:66.67%;margin-bottom:.8rem}
.list-div .news-pic{width:100%;height:100%;top:0;left:0;position:absolute;border-radius:.5rem}
.list-div .news-content{position:relative}
.list-div .list-sub{cursor:pointer}
.list-div .list-sub:hover *{color:var(--main_color)}
.list-div .news-top{margin-bottom:.5rem}
.list-div .news-title{font-size:.9rem;width:calc(100% - 5.5rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.5rem}
.list-div .news-opt{position:absolute;right:0;top:0;width:5rem;height:1.5rem;line-height:1.5rem;border-radius:.2rem;text-align:center;background:var(--main_color);font-size:.8rem;color:#fff!important;}
.list-div .news-time{height:1.5rem;line-height:1.5rem;font-size:.8rem;color:#aaa;}

.list-div .news-detail{font-size:.8rem;color:#aaa;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical}