/* 整个页面 */
@import '../../../theme/theme.less';
.main{
    background: url('http://img.cdn.1zdz.cn/app/poprun/poprun-bg.webp') center no-repeat;
    background-size: cover;
    padding: 60rpx 0rpx 10rpx 0rpx;
    font-size: 26rpx;
    color: white;
    .head-img{
        padding: 0rpx 6rpx;
    }
    .head-name-col{
        height: 100px;
        padding-top: 10px;
    }
    // 用户昵称等
    .head-name{
        display: flex;
        flex-direction: row;
        .name{
            max-width: 320rpx;
            color: @primary;
            font-size: 32rpx;
            font-weight: 700;
            padding-right: 12rpx;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .head-name-n text{
            display: inline-block;
            margin-left: 10rpx;
            height: 34rpx;
            line-height: 34rpx;
            font-size: 30rpx;
            border-radius: 4px;
            color: white;
        }
    }
    // 校区职业
    .head-teamjob{
        display: flex;
        flex-direction: row;
        margin-top: 12rpx;
        .job {
            margin-left: 14rpx;
        }
    }
    .head-run{
        display: flex;
        flex-direction: row;
        margin-top: 12rpx;
        text{
            color: white;
        }
        .time {
            margin-left: 14rpx;
        }
    }
    /* 签名 */
    .head-info{
        font-size: 30rpx;
        margin-top: 10rpx;
        text-align: center;
        letter-spacing: 1px;
        color: white;
    }
    // 运动数据
    .run-data{
        margin-top: 16rpx;
        // border: 1px solid black;
        padding: 15rpx 0rpx;
        display: flex;
        flex-direction: row;
        text-align: center;
        .item{
            flex: 1;
            display: flex;
            flex-direction: column;
            color: white;
            .name{
                font-size: 20rpx;
                margin-top: 7rpx;
            }
        }
    }
}

// 勋章
.head-modal{
    background-color: white;
    z-index: 10;
    .modal-title{
        display: inline-block;
        // width: 90rpx;
    }
}
// 动态
.empty{
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 48rpx;
    color: rgb(224, 218, 218);
    image{
        margin-top: 10rpx;
        width: 300rpx;
        height: 375rpx;
        opacity: .3;
    }
}