comments.scss 1.97 KB
/*
 * @Author: Targaryen
 * @Date: 2017-05-25 15:49:46
 * @Last Modified by: Targaryen
 * @Last Modified time: 2017-06-02 10:43:21
 */

.guang-detail-page .comments {
    margin-top: 30px;
    background-color: #fff;

    .comments-title {
        color: #444;
        padding: 30px;
        border-bottom: 1px solid #b0b0b0;
        line-height: 70px;

        .avatar-list {
            float: left;
            margin-right: 30px;

            img {
                width: 70px;
                height: 70px;
                border-radius: 35px;
                margin-left: -35px;
                float: left;
                border: 2px solid #fff;
            }

            img:first-child {
                margin-left: 0;
            }
        }

        .agree {
            float: left;
        }

        .seenum {
            float: right;
        }
    }

    .comments-num {
        padding: 0 30px;
        height: 50px;
        line-height: 50px;
    }

    .comments-num > span {
        color: #b0b0b0;
    }

    .comments-list {
        padding-bottom: 40px;
        margin: 30px;
        border-bottom: 1px solid #b0b0b0;

        &:last-child {
            border-bottom: none;
        }

        .avatar {
            float: left;
            width: 70px;
            overflow: hidden;
            margin-right: 30px;
        }

        .avatar > img {
            width: 70px;
            height: 70px;
            border-radius: 35px;
        }

        .info-box {
            float: left;
            width: 480px;
            overflow: hidden;
        }

        .info-top {
            .username {
                font-size: 26px;
                font-weight: 700;
                color: #444;
            }

            .info-right {
                float: right;
                color: #b0b0b0;
            }

            .time {
                color: #b0b0b0;
                padding: 5px 0;
            }
        }

        .info-bottom {
            color: #444;
        }
    }
}