/**
 * @author:Lit
 * @mail:v2kit@foxmail.com
 * @date:2018-5-20
 * @description:公共样式集合（除登录和注册之外）
 * @framework:
 *           => common:公共内部样式集（其中core.css为手机、平板适配器）
 *           => core:自定义适配器集合（手机、平板）
 *           => css:自定义样式集合（common.css为公用样式集）
 *           => res:资源文件集合[banners(轮播图)|icons(主题图标)|images(广告或其他)|movies(视频)|protraits(头像)]
 *           => theme:主题集（和颜色相关的都在此集合中）
 */

@import 'css/bootstrap.min.css';
@import 'css/header.css';
@import 'css/navbar.css';
@import 'css/banner.css';
@import 'css/container.css';
@import 'css/footer.css';
@import 'css/core.css';
@import 'css/common.css';
/* 2019/7/9 开始 */
.w-48 {
    width: 48%;
}

.w-52 {
    width: 51%;
}

.p-10 {
    padding: 10px;
}

.font-16 {
    font-size: 16px;
}
/* 2019/7/9 结束 */
.advertising {
    padding: 2px 0;
}

    .advertising > img {
        width: 100%;
    }


.view-group {
    width: 100%;
}

    .view-group + .view-group {
        margin-top: 12px;
        border-top-width: 1px;
        border-top-style: solid;
    }

    .view-group .view-header {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        min-height: 55px;
        padding-top: 17px;
        padding-bottom: 17px;
        padding-left: 5px;
    }

        .view-group .view-header.view-mark {
            padding-left: 15px;
        }

            .view-group .view-header.view-mark:before {
                border-width: 2px;
                border-style: solid;
            }

            .view-group .view-header.view-mark:before,
            .view-group .view-header > .view-more:before {
                position: absolute;
                z-index: 1011;
                top: 0;
                bottom: 0;
                margin: auto;
                content: '';
            }

            .view-group .view-header.view-mark:before {
                left: 0;
                height: 18px;
            }

        .view-group .view-header > .view-more {
            font-size: 12px;
            position: relative;
            float: right;
            padding: 5px 18px 5px 0;
        }

            .view-group .view-header > .view-more:before {
                font-size: 16px;
                font-weight: lighter;
                right: 5px;
                content: '\003E';
            }

.view-contaiter > .col-xs-6,
.view-contaiter > .col-sm-3,
.view-contaiter > .col-xs-4 {
    padding-right: 0;
    padding-left: 0;
}

.view-contaiter .view {
    margin: 0 auto;
    padding: 4px;
}

.view-contaiter .view-img {
    padding: 1px;
    -webkit-transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    transition: box-shadow .5s;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.view .view-img,
.view .view-img > img {
    width: 100%;
}

.view .view-footer {
    overflow: auto;
    padding: 6px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.view .view-iconWrap {
    padding: 0 5px 6px;
}

.view .view-icon {
    line-height: 22px;
    float: left;
    width: 50%;
    height: 22px;
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.view-player-icon {
    background-image: url('../res/icons/icon-player-all.png');
}

.view-comments-icon {
    background-image: url('../res/icons/icon-comments-all.png');
}


.view-contaiter .item {
    padding: 16px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.item .item-header {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.item .item-timer {
    text-align: right;
}

.item .item-timer,
.item .item-header {
    padding-right: 5px;
    padding-left: 5px;
}

.pagination > li > a,
.pagination > li > span {
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 3px;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus,
    .pagination > li.active > a,
    .pagination > li.active > span,
    .pagination > li.active > a:hover,
    .pagination > li.active > span:hover,
    .pagination > li.active > a:focus,
    .pagination > li.active > span:focus {
        background-color: transparent;
    }


/* 2019-06-08 */

.view-contaiter a:hover .view-img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.view-contaiter .view {
    padding: 4px 0;
}

#video > * {
    max-width: 100%;
}