.podcast-page {
    .podcast-info-wrap {
        position: relative;
        @include webkitbox();
        -webkit-box-pack: justify;
        padding: px2rem(30) px2rem(25);
        &:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 0;
            margin: 0 px2rem(25);
            border-bottom: $baseBorder;
        }
    }
    .podcast-cover-wrap {
        width: px2rem(128);
        height: px2rem(128);
        border-radius: 50%;
        overflow: hidden;
        .podcast-cover {
            display: block;
            width: 100%;
            height: 100%;
        }
    }
    .podcast-info {
        width: px2rem(545);
        .podcast-name {
            @include webkitbox();
            -webkit-box-pack: justify;
            -webkit-box-align: center;
            font-size: $largeFontSize;
        }
        .emit-podcast {
            display: block;
            height: px2rem(44);
            padding: 0 px2rem(15);
            font-size: 13px;
            line-height: px2rem(44);
            color: $highLightColor;
            border: 1px solid $highLightColor;
            background-color: transparent;
        }
        .podcast-desc {
            margin-top: px2rem(25);
            font-size: 13px;
            line-height: px2rem(36);
            color: #999;
        }
    }
    .video-list__item {
        &:active {
            background: #fafafa;
        }
        .video-info {
            width: px2rem(450);
        }
        .user-name {
            display: block;
            height: 1em;
            width: px2rem(200);
            overflow: hidden;
        }
        .play-time {
            display: block;
            height: 12px;
            padding-left: px2rem(42);
            line-height: 12px;
            font-size: 12px;
            color: #cccccc;
            background: url(../img/play_time_icon.png) no-repeat left center;
            background-size: auto 100%;
        }
    }
}