/**!
 * é™å®‰-è§†é¢‘æ–°é—»
 * author: huangcong
 * date:2020-07-20
 */

/* è§†é¢‘æ–°é—» */

.video-list{
    padding: 0 12px;
}

.video-item {
    float: left;
    width: 25%;
    margin-top: 25px;
    /* width: 33.3%; */
}

.video-item a{
    display: block;
    margin: 0 11px;
    position: relative;
}

.video-item a img{
    vertical-align: top;
    height: 91px;
    width: 100%;
}

.video-item a p{
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 0 5px;
    background: rgba(4, 4, 4, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* æ—¥åŽ† */
.lay-time{
    height: 276px;
    border: 1px solid #cecdcd;
    padding: 2px;
}

.lay-time .layui-laydate-main,
.lay-time .layui-laydate{
    width: 100%!important;
}

.lay-time .layui-laydate-header{
    padding: 0;
}

.lay-time .layui-laydate-header i{
    font-size: 12px;
    top: 0;
}

.lay-time .layui-laydate-header i.laydate-prev-y{
    left: 5px;
}

.lay-time .layui-laydate-header i.laydate-prev-m{
    left: 20px;
}

.lay-time .layui-laydate-header i.laydate-next-y{
    right: 5px;
}

.lay-time .layui-laydate-header i.laydate-next-m{
    right: 20px;
}

.lay-time .layui-laydate-content{
    padding: 2px;
}

.lay-time .layui-laydate-content td, 
.lay-time .layui-laydate-content th{
    height: 27px;
    line-height: 27px;
    width: 27px;
    padding: 0;
}

.lay-time .laydate-footer-btns span{
    padding: 0 5px;
}

.lay-info{
    line-height: 24px;
    font-size: 14px;
    margin-top: 12px;
}

.lay-info h3{
    color: #ff2f2f;
}

/* pad */

@media(max-width:979px){
    .video-item a{
        margin: 0 5px;
    }

    .video-list{
        padding: 0 5px;
    }
}

/* phone */

@media(max-width:767px){
    .collect-l, 
    .collect-r{
        height: auto;
    }

    .video-item{
        width: 50%;
        margin-top: 10px;
    }

    .video-item a img{
        height: auto;
    }

    .lay-time .layui-laydate-content table{
        width: 100%;
    }
}

.collect-l {
    padding-bottom: 133px;
}

.collect-r {
    border: 1px solid #cecdcd;
    padding-bottom: 10px;
    min-height: 550px;
}

/* 关怀版样式  */
.old-care-style .m-pagination-info,
.old-care-style .m-pagination-jump {
    margin-top: 0;
}

.old-care-style .video-item a p {
    font-size: 21px;
}

.old-care-style .collect-r {
    min-height: 450px;
}

.old-care-style .lay-info {
    line-height: 33px;
}

.old-care-style .video-item {
    width: 33.3%
}

.old-care-style .video-item a img {
    height: 172px
}

.old-care-style .span5 .collect-l {
    padding-bottom: 0;
}