/*动态分享页 css*/
.moment-share{
    padding: px2rem(36) px2rem(24) px2rem(140) px2rem(24);
    background: #FFFFFF;
    min-height: 100%;
}

.moment-header{
    display: flex;
    .user-cover{
        width: px2rem(80);
        height: px2rem(80);
        border-radius: 50%;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            display: block;
            overflow: hidden;
        }
    }
    .user-info{
        flex: 1;
        padding-left: px2rem(26);
        h2{
            font-size: px2rem(26);
            color: #333333;
        }
        p{
            margin-top: px2rem(26);
            font-size: px2rem(24);
            color: #999999;
        }
    }
}

.moment-content{
    font-size: px2rem(30);
    color: #333333;
    line-height: px2rem(46);
    .txt{
        padding: px2rem(30) 0;
    }
    .list-pic{
        @include clearfix();
        margin-right: px2rem(-10);
    }
    .item-pic{
        float: left;
        width: px2rem(226);
        height: px2rem(226);
        background-size: cover;
        background-position: center center;
        margin: 0 px2rem(10) px2rem(10) 0;
    }
    .moment-video{
        width: 100%;
        background: #000;
    }
}

.moment-comment{
    h2{
        border-left: px2rem(6) solid #ff6255;
        font-size: px2rem(26);
        color: #333333;
        margin: px2rem(30) 0;
        padding-left: px2rem(24);
    }
    .list-comment{
        li{
            display: flex;
            border-top: 1px solid #dedede;
            padding: px2rem(30) 0 px2rem(20) 0;
        }
    }
    .item-cover{
        width: px2rem(80);
        height: px2rem(80);
        border-radius: 50%;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            display: block;
            overflow: hidden;
        }
    }
    .item-cont{
        flex: 1;
        font-size: px2rem(26);
        color: #333333;
        padding-left: px2rem(26);
    }
    .item-info{
        line-height: px2rem(80);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .item-date{
        font-size: px2rem(24);
        color: #999999;
    }
    .item-comment{
        line-height: px2rem(40);
        margin-top: px2rem(20);
    }
    p{
        text-align: center;
        color: #666666;
        font-size: px2rem(24);
    }
}

.moment-footer{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 750px;
    background: #333333;
    .footer-link{
        display: flex;
        align-content: center;
        color: #FFFFFF;
        padding: px2rem(16) px2rem(24);
    }
    .f-left-content{
        .icon-logo{
            display: block;
            width: px2rem(98);
            height: px2rem(98);
            background: url(../img/logo.png) no-repeat;
            background-size: 100%;
        }
        
    }
    .f-middle-content{
        flex: 1;
        padding-left: px2rem(26);
        strong{
            font-size: px2rem(32);
        }
        p{
            margin-top: px2rem(20);
            font-size: px2rem(26);
        }
    }
    .f-right-content{
        padding-top: px2rem(20);
        .btn-dl{
            width: px2rem(104);
            height: px2rem(58);
            font-size: px2rem(26);
            background: url(../img/btn-dl.png) no-repeat;
            background-size: 100%;
        }
    }
}