_info.css 2.22 KB
.guang-info {
    margin-bottom: 30px;
    padding: 0 0 24px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;

    .info-author {
        display: block;
        width: 100%;

        .avatar {
            float: left;
            margin-top: 20px;
            width: 50px;
            height: 50px;
            margin-left: 30px;
            border-radius: 50%;
        }

        .name {
            float: left;
            margin-left: 30px;
            padding: 30px 0;
            font-size: 28px;
            color: #000;
        }
    }

    &:last-child {
        margin-bottom: 0;
    }

    .info-img {
        position: relative;
        width: 100%;

        img {
            display: block;
            width: 100%;
        }
    }

    .info-match {
        position: absolute;
        top: 0;
        left: 0;
        width: 130px;
        height: 50px;
        line-height: 50px;
        font-size: 28px;
        color: #fff;
        background: #000;
        text-align: center;
        text-decoration: none;
        z-index: 1;
    }

    .info-tag {
        position: absolute;
        top: 0;
        left: 105px;
        height: 50px;
        width: 50px;

        &.collocation {
            background-image: url('/guang/info/collocation.png');
        }

        &.fashion-good {
            background-image: url('/guang/info/fashion-good.png');
        }

        &.fashion-man {
            background-image: url('/guang/info/fashion-man.png');
        }

        &.tip {
            background-image: url('/guang/info/tip.png');
        }

        &.topic {
            background-image: url('/guang/info/topic.png');
        }
    }

    .info-deps {
        margin: 32px 0 0 0;
        padding: 0 40px 0 30px;

        .info-title-container {
            text-decoration: none;
            color: #000;
        }

        .info-title{
            line-height: 44px;
            color: #000;
            font-size: 40px;
            font-weight:bold;

        }

        .info-text {
            margin: 16px 0 0 0;
            line-height: 46px;
            font-size: 28px;
            color: #444;
        }

        .time-view-like-share {
            margin-top: 16px;
        }
    }
}