.btn-watch {
display: inline-block;
padding: 2px 15px;
background-color: #e67700;
/* 红色背景 */
color: white;
text-decoration: none;
border-radius: 10px;
font-size: 16px;
font-weight: bold;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease;
}
.sven_match__item {
padding: 3px;
border-bottom: 1px solid gray !important;
margin: 3px 0px;
}

@media screen and (max-width: 1200px) {
.sven_match__item {
font-size: 14px;
padding: 10px 0px;
border-bottom: 1px solid gray !important;
margin: 10px 0px;
}
}
@keyframes spring-animation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}

.match_filter>li>a {
display: inline-block;
padding: 6px 8px;
border-radius: 6px;
color: #000;
}
.match_filter>.active {
background: #6502a7;
}
.match_filter>.active>a {
color: #fff;
}


@media screen and (min-width: 1200px){
  .sven_header{
	  padding: 24px 0;
  }
}
.sven_header .dv-spo-search {
margin-top: -15px;
position: relative;
}
.sven_header .dv-spo-search ul{
overflow: hidden;
height: 36px;
display: block;
}
.sven_header .dv-spo-search li {
float: left;
font-size: 14px;
position: relative;
height: 36px;
line-height: 36px;
padding-left: 20px;
padding-right: 20px;
cursor: pointer;
border-radius: 4px 4px 0px 0px;
}
.sven_header .dv-spo-search li.on {
background: rgba(137, 8, 151, 0.98);
color: #fff!important;
}
.sven_header .dv-spo-search .dv-spo-txt {
width: 460px;
height: 40px;
padding: 0 50px 0 20px;
border: 2px solid rgba(240, 81, 0, 0.56);
background-color: #fff;
}
.sven_header .dv-spo-search .dv-spo-submit {
position: absolute;
bottom: 2px;
right: 0;
width: 100px;
height: 40px;
background: rgba(137, 8, 151, 0.98) url('/skin/images/ss.png') no-repeat center/22px;
cursor: pointer;
border: 0;
}
@media screen and (max-width: 1200px){
.search-box{
display: none;
}
.gameItem{
  margin: 2vw !important;
  width: 15vw !important;
}
.gameItem img{
  height: 15vw !important;
}
.sven_aside{
  padding-right: 0 !important;
}
}
.overflow-hidden {  
width: 100%;          /* 设置容器宽度 */  
overflow: hidden;     /* 隐藏溢出内容 */  
white-space: nowrap;  /* 不换行 */  
text-overflow: ellipsis; /* 溢出时显示省略号 */  
}
.overflow-hidden:hover::after {  
/* content: attr(data-full-text);                          悬浮时显示完整文本  
position: absolute;                                     绝对定位  
left: 0;  
top: 100%;                                             在元素下方显示  
white-space: normal;                                  允许换行  
background: #fff;                                     背景色  
border: 1px solid #ccc;                               边框  
padding: 5px;                                         内边距  
z-index: 10;                                          提升层级  
width: auto;                                          内容宽度自适应  
max-width: 250px;                                     最大宽度  
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);                      添加阴影效果   */
}