* {
    padding: 0;
    margin: 0;
}
.c-flexbox, .c-row {
    width: auto;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    -webkit-box-lines: single;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: stretch;
    -webkit-align-content: flex-start;
    -webkit-flex-wrap: nowrap
}

.c-row {
    margin-right: -1.81818182%;
    margin-left: -1.81818182%
}
.c-row *, .c-row-bottom *, .c-row-tile *, .c-row-top * {
    box-sizing: border-box
}

.c-span1, .c-span2, .c-span3, .c-span4, .c-span5, .c-span6, .c-span7, .c-span8, .c-span9, .c-span10, .c-span11, .c-span12 {
    position: relative;
    min-height: 1px;
    padding-right: 1.81818182%;
    padding-left: 1.81818182%
}
.c-span4 {
    width: 33.33333333%;
    -webkit-box-flex: 4;
    -webkit-flex: 4 4 auto
}
.c-span8 {
    width: 66.66666667%;
    -webkit-box-flex: 8;
    -webkit-flex: 8 8 auto
}
.c-span12 {
    width: 100%;
    -webkit-box-flex: 12;
    -webkit-flex: 12 12 auto
}



.feedInner {
    background: #f1f1f1
}
.sf-news-feed-video {
    overflow: hidden;
    list-style: none
}

 

    .sf-news-feed-video .sf-feed-news .c-row {
        margin-left: -1px;
        margin-right: 0;
        display: block;
        width: 100%
    }


    .sf-news-feed-video .wa-sf-video-img {
        overflow: hidden;
        margin-left: -1px;
        margin-right: -1px;
        position: relative;
        /*background-color: #5b5b5b*/
        background: url(../images/loading_text.png) #efefef no-repeat center center;
        background-size: 40%;
    }

.sf-news-feed-video .wa-sf-video-img img {
    width: 100%;
    display: block;
    animation: showPic .6s;
    -webkit-animation: showPic .6s
}

    .sf-news-feed-video .wa-sf-video-title {
        width: 100%;
        height: 139px;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.6)),color-stop(100%,transparent))
    }

        .sf-news-feed-video .wa-sf-video-title span {
            font-size: 18px;
            position: absolute;
            width: 100%;
            line-height: 24px;
            padding: 8px 16px 0
        }

    .sf-news-feed-video .wa-play-video-innerbox {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -24px;
        margin-top: -24px;
        text-align: center
    }
   
    .sf-news-feed-video .wa-bottom-shadow {
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(5%,rgba(0,0,0,.45)),color-stop(100%,transparent));
        position: absolute;
        margin-left: 0;
        margin-right: -1px;
        bottom: 0;
        left: 0;
        right: 0;
        height: 36px;
        font-size: 12px
    }

        .sf-news-feed-video .wa-bottom-shadow span {
            font-size: 12px
        }

    .sf-news-feed-video .wa-sf-video-duration {
        position: absolute;
        bottom: 5px;
        right: 17px;
        font-size: 12px;
        color: #fff
    }

    .sf-news-feed-video .wa-play-icon {
        width: 48px;
        height: 48px;
        background-image: url(../images/sf-news-play-svg.png);
        background-size: 100%
    }
    .sf-news-feed-video .wa-sf-video-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        text-align: center
    }

    .sf-news-feed-video .wa-sf-video-info-wrap {
        border-bottom: 6px solid #f4f5f6
    }

    .sf-news-feed-video .wa-sf-video-item {
        background: #fff;
        padding: 0 16px;
        font-size: 13px;
        height: 46px
    }

    .sf-news-feed-video .wa-sf-video-item-link {
        width: 100%;
        height: 46px;
        position: relative
    }

.sf-news-replay-svg {
    background: url(../images/sf-news-replay-svg.png) no-repeat;
    width: 18px;
    height: 18px;
    font-style: normal;
}

.sf-news-share-svg {
    background: url(../images/sf-news-share-svg.png) no-repeat;
    width: 18px;
    height: 18px;
    font-style: normal;
}

.sf-news-feed-video .sf-news-reply{
    position: absolute;
    height: 46px;
    right: 39px;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    display: flex;
    -webkit-justify-content: center
}
.sf-news-feed-video .sf-news-share {
    position: absolute;
    height: 46px;
    right: 8px;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    display: flex;
    -webkit-justify-content: center
}
.sf-news-feed-video .sf-news-reply .sf-news-reply-num {
    margin-left: 6px;
    font-size: 13px;
    color: #999
}

        .sf-news-feed-video .sf-news-reply .sf-news-reply-num-hide {
            display: none
        }

.feed-tag-wrapper {
    height: 100%
}

.feed-tags {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    height: 24px;
    overflow: hidden
}

    .feed-tags .feed-tag {
        float: left;
        position: relative;
        margin-right: 8px;
        height: 24px;
        line-height: 24px;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-orient: horizontal
    }

        .feed-tags .feed-tag .feed-tag-img {
            width: 20px;
            height: 20px;          
            margin-right: 6px;
           
        }
            .feed-tags .feed-tag .feed-tag-img img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
        .feed-tags .feed-tag .feed-tag-text {
            margin-right: 10px;
            font-size: 13px;
            color: #666
        }

        .feed-tags .feed-tag:after {
            content: "";
            pointer-events: none;
            box-sizing: border-box;
            position: absolute;
            width: 300%;
            height: 300%;
            left: 0;
            top: 0;          
            -webkit-transform: scale(.33333);
            -webkit-transform-origin: 0 0;
            transform: scale(.33333);
            transform-origin: 0 0
        }



.article-recent-box .article-list .sf-news-feed-video.article-item {
    padding-top: 0px;
    padding-bottom: 0px;
}