.thread-item{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid #E6E6E6;
    padding: 12px;
    margin: 10px 20px 0;
    cursor: pointer;
}
.thread-item:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.thread-item p{
    margin: 0;
}
.thread-pic img{
    width: 80px;
    height: 80px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-right: 5px;
}
.thread-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.thread-time-wrap{
    display: flex;
    align-items: center;
    color: #999;
}
.thread-user-wrap img{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-right: 5px;
}
.thread-user-wrap{
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.thread-title{
    color: #333;
    width: 700px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
nav{
    text-align: center;
}