@charset "UTF-8";


.page-my-forum {
    .g-header {
        overflow: hidden;
        padding: 0 px2rem(25);
        a {
            display: block;
            margin-top: px2rem(22);
            width: px2rem(45);
            height: px2rem(45);
            background: url(../img/icon-back.png) no-repeat;
            background-size: 100% 100%; 
        }
    }
    .mod-hd {
        border-bottom: 1px solid $borderColor;
        @include clearfix;
        .tab-item {
            float: left;
            width: 50%;
            text-align: center;
            line-height: px2rem(90);
            color: $grayFont;
            font-size: px2rem(30);
            position: relative;
            &.cur {
                color: $blackFont;
                &:after {
                    content: "";
                    position: absolute;
                    width: px2rem(78);
                    height: 2px;
                    background: $mainColor;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: 0;
                }
            }
        }
    }
    .mod-bd {
        padding: 0 px2rem(25);
        .tab-content {
            display: none;
            &.cur {
                display: block;
            }
            .forum-item {
                padding-top: px2rem(25);
                padding-bottom: px2rem(35);
                border-bottom: 1px solid #dedede;
                .forum-hd {
                    @include clearfix ;
                    overflow: hidden;
                    .avatar {
                        float: left;
                        width: px2rem(64);
                        height: px2rem(64);
                        img {
                            width: 100%;
                            height: 100%;
                            border-radius: 50%; 
                        }
                    }
                    .text-wrap {
                        float: left;
                        margin-left: px2rem(20);
                        width: px2rem(380);
                        position: relative;
                        height: px2rem(64);
                        h3 {
                            width: 100%;
                            @include ellipsis;
                            font-size: px2rem(26);
                            color: #666;
                            margin-bottom: px2rem(16);
                        }
                        p {
                            width: 100%;
                            @include ellipsis;
                            font-size: px2rem(20);
                            color: #999;
                        }
                        .single-name {
                            width: 100%;
                            @include ellipsis;
                            font-size: px2rem(26);
                            color: #666;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            left: 0;
                        }
                    }
                    .fr {
                        line-height: px2rem(64);
                        font-size: px2rem(20);
                        color: #999;
                        margin-left: px2rem(25);
                        i {
                            display: inline-block;
                        }
                    }
                    .comment i {
                        width: px2rem(25);
                        height: px2rem(25);
                        background: url(../img/icon-comment.png) no-repeat;
                        background-size: 100% 100%; 
                    }
                    .watch i {
                        width: px2rem(27);
                        height: px2rem(23);
                        background: url(../img/icon-watch.png) no-repeat;
                        background-size: 100% 100%;
                    }
                }
                .forum-bd {
                    margin-top: px2rem(20);
                    h3 {
                        line-height: px2rem(44);
                        color: #000;
                        font-size: px2rem(32);
                        .label {
                            color: #3db3f2;
                        }
                    }
                    .desc {
                        margin-top: px2rem(15);
                        width: 100%;
                        @include ellipsis;
                        font-size: px2rem(30);
                        color: #999;
                        line-height: px2rem(40);
                    }
                    p {
                        margin-top: px2rem(15);
                        width: 100%;
                        @include ellipsis;
                        font-size: px2rem(24);
                        color: #999;
                        line-height: px2rem(40);
                    }
                    
                }
            }
        }
        .tab-forum {
            
        }
    }
}