
div.video-item-img {
    position: relative;
}

span.video-item-tag {
    border-radius: 5px;
    color: white;
    padding-left: 12px;
    padding-right: 5px;
    margin-bottom: 16px;
    position: absolute;
    font-size: 10px;
}

span.video-item-tag-is-vip {
    right: 0;
    top: 0;
    padding-right: 0 ;
}

span.video-item-tag-hits {
    left: 0;
    bottom: 0;
}

span.video-item-tag-duration {
    right: 5px;
    bottom: 0;
}

/*login*/
#loginkuang{z-index: 1999;width: 500px;height: 320px;border: 1px solid #e2e2e2;position: fixed;top: 0;right: 0;left: 0;bottom: 0;margin:auto;background-color: #fbfbfb;}
#loginmask{display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;z-index: 1998;top: 0px;left: 0px}
#loginkuang .title{width: 100%;height: 40px;line-height: 40px;text-indent: 2em;background-color: #ffdc19}
#userInfo{z-index: 1999;position: absolute;left: 0px;top: 65px;border: 1px solid #e2e2e2;background-color: #fbfbfb;border-radius: 3px;display: none;text-align: center;box-shadow: 0px 0px 15px #c2c2c2;}
#userInfo nobr{margin: 10px;display: block;}
#uinfoKuang{height:62px;}
#uinfoKuang:hover #userInfo{display: block!important;}
#loginkuang .layui-input-center{margin-left: 0px;text-align: center;}
#userInfo{display:none;}

/*分页容器*/
.pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 分页按钮通用样式 */
.pagination a{
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #ebebeb;
    border-radius: 50px;
    color: #666;
    font-size: 13px;
    transition: all 0.3s;
    background: #fff;
    height: 34px;
    width: 34px;
    line-height: 33px;
    text-align: center;
    font-weight: bold;
}

.pagination a i{
    color: #666;
    font-weight: bold;
}

/* 当前页样式 */
.pagination a.on {
    background-image: -webkit-gradient(linear, left top, right top, from(#444e69), to(#0b0d13));
    background-image: linear-gradient(90deg, #444e69, #0b0d13);
    border-radius: 100%;
    color: #cfa56a;
}

/* 悬停效果 */
.pagination a:hover {
    color:#fcc435;
}

/* 禁用状态 */
.pagination .disabled {
    color: #999;
    cursor: not-allowed;
}.pagination .disabled i{
    color: #999;
}