.nav{z-index: 4; position: fixed; top:0;left:0;width:100%;height:100rpx;line-height:100rpx;background:#fff;border-bottom:4rpx solid #F5F5F5}
.nav .navtop{width:100%;margin:0 auto;display:flex;box-sizing: border-box;}
.navtop> view{text-align:center;width:33%;}
.navtop> view text{height:70rpx; display:inline-block;line-height: 70rpx;color:#979797;font-size: 28rpx;}
.navtop .cur text{ border-bottom:4rpx solid #FE4C00; color:#494949;font-size: 30rpx;}
.circle{width:94%;/*margin:120rpx auto 0;*/}
.circle .list{width:94%;margin:24rpx auto;background:#fff;padding:0 24rpx;border-radius:16rpx;box-shadow: 0px 4rpx 12rpx 0px rgba(0,0,0,0.06); }
.circle .list .list-top{display: flex;justify-content: space-between;height:86rpx;line-height:86rpx;font-size:28rpx;border-bottom:2rpx solid #f1f1f1;}
.circle .list .list-content{display: flex;justify-content: start;padding:24rpx 0;}
.circle .list .list-content .list-left{width:40%;}
.circle .list .list-content .list-left image{width:240rpx;height:152rpx;border-radius: 8rpx;}
.circle .list .list-content .list-right{width:60%;}
.circle .list .list-content .list-right .list-name{color:#676457;font-size:24rpx;height:56rpx;line-height:28rpx;overflow: hidden;
  display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all;}
.circle .list .list-content .list-right .list-time{font-size:20rpx;color:#BBBBBB;padding:16rpx 0}
.circle .list .list-content .list-right .list-people{padding-top:2rpx;font-size:24rpx;color:#676457;display: flex;justify-content: space-between;}
.circle .list .list-content .list-right .list-people text{font-size:26rpx;font-weight: bold;}
.readmore{width:100%;text-align: center;font-size:26rpx;color:#807D7D;padding:24rpx 0}
.nodata{padding:50rpx;text-align: center;font-size: 26rpx;color:#808080;}