.m-myMsg{

}

.m-myMsg__hd{
    @include webkitbox(1);
    height: 50px;
    background-color: #2d2d2d;
}

.m-myMsg__bd{

}

.m-myMsg__tab{
    @include flex(1);
    position: relative;
    color: #fff;
    &.current{
        color: #e50050;
        .tips-Arrow{
            display: block;
        }
    }
    &:last-child{
        border-left: 1px solid #515151;
    }
    h3{
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
    }
    .tips-Num{
        position: absolute;
        border-radius: 10px;
        background-color: #e50050;
        color: #fff;
        padding: 0 6px;
        line-height: 20px;
        top: 10px;
        left: 70%;
    }
    .tips-Arrow{
        content: "";
        position: absolute;
        display: none;
        bottom: 0;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;   
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 6px solid #f5f5f5; 
    }
}

.m-myMsg__con{

}

.m-myMsg__item{
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
    @include webkitbox(1);
    &.visited{
        .item-text{
            color: #999;
        }
    }
    .item-pic{
        width: 40px;
        height: 40px;
        display: block;
        margin-right: 10px;
        img{
            display: block;
            overflow: hidden;
            width: 100%;
        }
    }
    .item-text{
        @include flex(1);
        display: block;
        overflow: hidden;
        color: #333333;
        h5{
            line-height: 20px;
            width: 100%;
            font-size: 16px;
        }
        h6{
            line-height: 20px;
            width: 100%;
            font-size: 14px;
        }
        em{
            display: block;
            color: #999;
            width: 100%;
            line-height: 20px;
        }
    }
    .item-time{
        display: block;
        text-align: right;
        width: 100%;
        color: #999999;
        font-size: 14px;
    }
}

