.ellipsis2 {
    overflow: hidden; /* 隐藏超出部分 */
    display: -webkit-box; /* 使用 Webkit 的 box 模型 */
    -webkit-line-clamp: 2; /* 设置最多显示两行 */
    -webkit-box-orient: vertical; /* 设置内容方向为垂直 */
    text-overflow: ellipsis; /* 设置省略号 */
}
.personal-information-box {
    margin-bottom: 10px;
    display: flex;
    padding: 30px 20px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.05);
    border-radius: 0px 16px 0px 0px;
}
.personal-information-box .user-avatar-box{
    margin-right: 20px;
}
.personal-information-box .user-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.user-info-box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}
.user-info-box a {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}
.user-info-box .name {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 22px;
    color: #333333;
}
.user-info-box .type {
    margin-left: 12px;
    padding: 0 8px;
    height: 24px;
    border-radius: 12px 12px 12px 12px;
    border: 1px solid #1370EB;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #1370EB;
    line-height: 24px;
}
.user-info-box .num {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
.user-info-box .line {
    margin: 0 12px;
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #E6E6E6;
    vertical-align: -2px;
}
.data-overview-box {
    margin-bottom: 10px;
    padding: 0 20px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.05);
}
.data-overview-title-box {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E4E4E4;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 20px;
    color: #3C3C3C;
}
.data-overview-title-box .more-box {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #777777;
}
.data-overview-content-box {
    padding: 20px 0;
    display: flex;
}
.data-overview-content-item {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 133px;
    background: #F5F5F5;
    border-radius: 4px 4px 4px 4px;
}
.data-overview-content-item .title {
    margin-bottom: 6px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}
.data-overview-content-item .num {
    margin-bottom: 8px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 22px;
    color: #333333;
}
.data-overview-content-item .time-box {
    padding: 4px 18px; 
    background: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}
.data-overview-content-item .time {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}
.data-overview-content-item .icon-up {
    margin-right: 2px;
    display: inline-block;
    width: 10px;
    height: 11px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../../images/HomeManage/up.png");
}
.data-overview-content-item .icon-down {
    background-image: url("../../images/HomeManage/down.png");
}
.latest-content-box {
    padding: 0 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.05);
    border-radius: 0px 0px 16px 0px;
}
.latest-content-item {
    padding: 20px 0;
    display: flex;
    border-bottom: 1px solid #EEEEEE;
}
.latest-content-item:last-child {
    border-bottom: none;
}
.latest-content-item .img {
    margin-right: 16px;
    flex: 0 0 168px;
    width: 168px;
    height: 112px;
    border-radius: 4px 4px 4px 4px;
}
.latest-content-item-right {
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.latest-content-item-right .time {
    flex: 0 0 160px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #ABB3B9;
}
.latest-content-item-right .title-box {
    margin-bottom: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}
.latest-content-item-right .title-box .type {
    padding: 3px 8px;
    background: #18B83D; /* 文章 */
    border-radius: 4px 4px 4px 4px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #FFFFFF;
    vertical-align: 2px;
}
.latest-content-item-right .title-box .type-orange {
    background: #FF7C24; /* 动态 */
}
.latest-content-item-right .title-box .type-blue {
    background: #0086FC; /* 回答 */
}
.latest-content-item-right .title-box .type-purple {
    background: #BD00FF; /* 提问 */
}
.latest-content-item-right .title-box .type-red {
    background: #FF2E2E; /* 商品 */
}
.latest-content-item-right .description {
    margin-bottom: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #777777;
    line-height: 24px;
    word-break: break-all;
}
.latest-content-item-right .info {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}
/* 暂无数据 */
.default-box {
    padding: 50px 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.default-box-img {
    width: 436px;
    height: 366px;
}
.default-box-img img {
    width: 100%;
    height: 100%;
}
.default-box-font {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #1E77CF;
    line-height: 29px;
    text-align: center;
}