.nav-box{width:171px;height:auto;background:#fff;border-radius:8px;padding:10px 20px 10px 20px;box-sizing:border-box;display:flex;flex-direction:column}.nav-box .spItem{width:131px;height:44px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#333;line-height:14px;margin-bottom:10px}.nav-box .spItem.active,.nav-box .spItem:hover{background:#f1f2f6;border-radius:4px;color:#3ca7fa}.nav-box .item{width:100%;box-sizing:border-box;padding-top:14px;padding-bottom:10px;border-top:1px solid #e5e5e5}.nav-box .item:last-child{padding-bottom:0}.nav-box .item .title{width:100%;height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px}.nav-box .item .children{width:100%}.nav-box .item .children .item-children{width:131px;height:44px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#333;line-height:14px}.nav-box .item .children .item-children.active,.nav-box .item .children .item-children:hover{background:#f1f2f6;border-radius:4px;color:#3ca7fa}.nav-box .item .children .item-children .point{position:absolute;width:8px;height:8px;background:#ff4d4f;border-radius:50%;top:18px;left:12px}@keyframes el-skeleton-loading-d7b90086{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-d7b90086]{width:100%;display:flex;flex-direction:column}.skeleton .item[data-v-d7b90086]{width:939px;height:14px;margin-top:15px;margin-bottom:15px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-d7b90086 1.4s ease infinite}.content[data-v-58c9e07e]{width:100%}.content .box[data-v-58c9e07e]{width:1200px;margin:0 auto;display:flex;flex-direction:row;margin-top:30px}.content .box .messages-box[data-v-58c9e07e]{margin-left:30px;width:999px;height:auto;background:#fff;border-radius:8px;box-sizing:border-box;padding:30px}.content .box .messages-box .btn-top[data-v-58c9e07e]{display:flex;width:100%;height:16px;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px}.content .box .messages-box .btn-top .btn-title[data-v-58c9e07e]{display:inline-block;width:auto;height:16px;font-size:16px;font-weight:600;color:#333;line-height:16px;cursor:pointer}.content .box .messages-box .btn-top .btn-read[data-v-58c9e07e]{display:inline-block;width:auto;height:16px;font-size:14px;font-weight:400;color:#3ca7fa;line-height:16px;cursor:pointer}.content .box .messages-box .btn-top .btn-read[data-v-58c9e07e]:hover{opacity:.8}.content .box .messages-box .messages-content[data-v-58c9e07e]{width:100%;display:flex;flex-direction:column}.content .box .messages-box .messages-content .message-item[data-v-58c9e07e]{width:100%;height:auto;background:#fff;display:flex;flex-direction:row;position:relative;padding-right:20px;box-sizing:border-box;cursor:pointer;margin-bottom:30px}.content .box .messages-box .messages-content .message-item[data-v-58c9e07e]:last-child{margin-bottom:0}.content .box .messages-box .messages-content .message-item .point[data-v-58c9e07e]{position:absolute;width:8px;height:8px;top:6px;left:0;background:#ff4d4f;border-radius:50%}.content .box .messages-box .messages-content .message-item .cont[data-v-58c9e07e]{width:855px;max-height:40px;margin-left:25px;font-size:14px;font-weight:400;color:#333;line-height:20px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.content .box .messages-box .messages-content .message-item .date[data-v-58c9e07e]{position:absolute;top:4px;right:0;font-size:12px;font-weight:400;color:#999;line-height:12px}.content .box .messages-box .messages-content .message-item.readed .cont[data-v-58c9e07e]{color:#666;font-weight:400}.content .box .messages-box #page[data-v-58c9e07e]{width:100%;margin-top:70px;display:flex;justify-content:center}