.breadcrumb_container[data-v-3900e49e]{display:inline-block;vertical-align:top}.breadcrumb_title[data-v-3900e49e]{display:inline-block;vertical-align:top;color:#606266;line-height:13px;font-size:14px}.el-breadcrumb[data-v-3900e49e]{display:inline-block;vertical-align:top}

.content[data-v-656e02f7] {
    position: relative;
    padding-bottom: 20px!important;
}
.top[data-v-656e02f7] {
    position: fixed;
    z-index: 98;
    background-color: #f5f5f5;
    padding-top: 26px;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}


.user-homepage[data-v-3499fb8c] {
            margin: 0 auto;
            background-color: white;
            border-radius: 4px;
            -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
                    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            overflow: hidden;
}
.user-header[data-v-3499fb8c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: right;
                -ms-flex-pack: right;
                    justify-content: right;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 20px;
            border-bottom: 1px solid #ebeef5;
}
.username[data-v-3499fb8c] {
            font-size: 24px;
            font-weight: 500;
            color: #303133;
            margin-right: 15px;
}
.user-avatar[data-v-3499fb8c] {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            background-color: #e6f7ff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-size: 24px;
            color: #409EFF;
}
.dynamic-list[data-v-3499fb8c] {
            padding: 0;
}
.dynamic-item[data-v-3499fb8c] {
            padding: 20px 0;
            border-bottom: 1px solid #ebeef5;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
}
.dynamic-item[data-v-3499fb8c]:last-child {
            border-bottom: none;
}
.date-section[data-v-3499fb8c] {
            width: 80px;
            text-align: center;
            margin-right: 20px;
}
.date-day[data-v-3499fb8c] {
            font-size: 28px;
            font-weight: 500;
            color: #409EFF;
            line-height: 1;
}
.date-month[data-v-3499fb8c] {
            font-size: 14px;
            color: #909399;
            margin-top: 5px;
}
.dynamic-content[data-v-3499fb8c] {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
}
.dynamic-title[data-v-3499fb8c] {
            font-size: 16px;
            color: #303133;
            margin-bottom: 8px;
            font-weight: 500;
}
.dynamic-preview[data-v-3499fb8c] {
            width: 250px;
            height: 150px;
            background-color: #f5f7fa;
            border-radius: 4px;
            margin: 10px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: left;
                -ms-flex-pack: left;
                    justify-content: left;
            color: #c0c4cc;
            font-size: 14px;
            position: relative;
}
.dynamic-preview video[data-v-3499fb8c]{
            width: 100%;
            height: 100%;
}
.video-indicator[data-v-3499fb8c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #67c23a;
            font-size: 12px;
            position: absolute;
            bottom: 5px;
            right: 5px;
            background: rgba(0, 0, 0, 0.5);
            padding: 2px 5px;
            border-radius: 2px;
            color: white;
}
.dynamic-meta[data-v-3499fb8c] {
            font-size: 13px;
            color: #909399;
            margin-top: 10px;
}
.dynamic-time[data-v-3499fb8c] {
            margin-right: 15px;
}
.dynamic-actions[data-v-3499fb8c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
}
.action-item[data-v-3499fb8c] {
            color: #409EFF;
            margin-right: 15px;
            cursor: pointer;
}
.action-item[data-v-3499fb8c]:hover {
            color: #66b1ff;
}
.year-divider[data-v-3499fb8c] {
            padding: 10px 20px;
            background-color: #f5f7fa;
            color: black;
            font-size: 28px;
            font-weight: bold;
            border-bottom: 1px solid #ebeef5;
}
.load-more[data-v-3499fb8c] {
            text-align: center;
            padding: 15px;
            color: #409EFF;
            cursor: pointer;
            border-top: 1px solid #ebeef5;
}
.load-more[data-v-3499fb8c]:hover {
            background-color: #f5f7fa;
}