a:hover{color: #f90505}
td span.text-success i{display:flex;align-items: center;}
.live-title, .live-title .font-medium{overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 1;}
@media screen and (max-width:767px){
    .top-time{flex-direction: column;align-items: start !important;}
    .user-avatar {flex-direction: column; justify-content: space-between;}
    .user-avatar .qqcom-live-status .containers{width: 100% !important;padding: 0 !important;height: 15px !important;}
    .live-title a, .live-title .font-medium{word-wrap: break-word;word-break: break-all; white-space: normal; -webkit-hyphens: auto;hyphens: auto;}
    .text-sms{font-size: 0.75rem;}
}
@media screen and (max-width:1024px){
    .user-avatar .qqcom-live-status .containers{height: 18px !important;}
}
thead > tr{border-bottom-width:1px}
.hover\:bg-light-1\/30:hover {
    background-color: rgba(105, 151, 242, 0.3) !important;
    cursor: pointer;
}
tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
.divide-y > :not([hidden]) ~ :not([hidden]){border-top-width:0 !important}
.page{	width: 100%;text-align: center;margin-top:10px;padding-bottom: 10px;}
.page ul{padding-left:0}
.page ul li{display: inline-block;padding: 0 3px;}
.page ul li:hover span,.page ul li:hover a{background: #165dff;color: #fff !important;}
.page ul li a{padding: 3px 11px;border: 1px solid #f2f2f2;color: #666666;font-size: 14px;display: inline-block;border-radius: 5px;background: #fff;}
.page span{padding: 3px 11px;border: 1px solid #f2f2f2;	color: #666666;	font-size: 14px;display: inline-block;	border-radius: 5px;	background: #fff;}
.page .active span{	background: #165dff;color: #fff;}
.qqcom-live-status .active {background-color: #00b578;}
.top-tag .active{padding: 0 !important;width: 30px !important;height: 30px !important;}
.qqcom-live-status .containers {
    width: 100%;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    align-items: center;
    -ms-flex-pack: center;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 12px;
    gap: 3px;
    height: 25px;
    justify-content: center;
    line-height: 20px;
    padding: 3px 10px;
    white-space: nowrap;
}
.qqcom-live-icon {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.qqcom-live-icon-bar-1 {animation: live-icon-1 .5s linear infinite alternate-reverse;}
.qqcom-live-icon-bar-2 {animation: live-icon-2 .3s linear infinite alternate-reverse;}
.qqcom-live-icon-bar-3 {animation: live-icon-3 .5s linear infinite alternate-reverse;margin-right: 0 !important;}

.qqcom-live-icon-bar {
    background-color: #fff;
    display: inline-block;
    margin-bottom: 2px;
}
.qqcom-live-icon, .qqcom-live-icon-bar {box-sizing: border-box;}
@-webkit-keyframes live-icon-1 {
    0% {height:30%}
    50% {height:60%}
    to {height:30%}
}
@keyframes live-icon-1 {
    0% {height:30%}
    50% {height:60%}
    to {height:30%}
}
@-webkit-keyframes live-icon-2 {
    0% {height:90%}
    50% {height:60%}
    to {height:30%}
}
@keyframes live-icon-2 {
    0% {height:90%}
    50% {height:60%}
    to {height:30%}
}
@-webkit-keyframes live-icon-3 {
    0% {height:60%}
    50% {height:30%}
    to {height:60%}
}
@keyframes live-icon-3 {
    0% {height:60%}
    50% {height:30%}
    to {height:60%}
}
th {
    cursor: pointer;
    position: relative;
}

th.both{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}
/* 升序箭头 */
th.asc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');

}

/* 降序箭头 */
th.desc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=');
}

th.sortable{
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
}