.thumb-video__dm {
    position: absolute;
    background-color: rgb(0 0 0 / 44%);
    bottom: calc(100% + 5px);
    left: 5px;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 5px;
}
.toubutj{
   height: 20px;
       display: flex;
    justify-content: center;
}
.toubutj a{
   padding: 0 5px; 
   font-size: 14px;
   color: #ff327e;
}
@media screen and (max-width: 768px) {
 .toubutj a{
   padding: 0 3px; 
   font-size: 10px;
   
}}  
 #suggestions {
position: absolute;
    background-color: #1e1e23ed;
    border: 1px solid #323237;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    z-index: 999999;
    width: 99%;
   max-height: 500px;
    overflow-y: auto;
    
 }   
#suggestions li{
            padding: 8px 12px;
            cursor: pointer;
            color: #fff;
        }
 #suggestions li:hover {
            background-color: #cf2a2a;
        }
        
.ggall {
	margin-right: 16px;
	text-align: center;
	color: #d9dfe7;
	display: block;
 /* 或者 inline-block，取决于你的需求 */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	display: inline-block;
}

.ggwz {
	font-size: 12px;
	color: #df2626;
}

.ximg {
	width: 70px;
	height: 70px;
	border-radius: 5px;
}

.pcimg {
	width: 100%;
	height: 80px;
}

.playimgs {
	width: 49.8%;
	height: 60px;
    display: inline-block;	
}

@media  screen and (max-width: 768px) {
	.pcimg {
		width: 100%;
		height: 50px;
	}

	.playimgs {
		width: 49%;
		height: 40px;
	}
.ximg {
	width: 60px;
	height: 60px;
	border-radius: 5px;
}
.thumb .thumb-spot__data li {
    margin: 0 2px 0 0;
}
.icons {
    margin-right: 6px;
}
}