.relates-item{border:1px solid #e0e0e0;padding:15px;border-radius:10px;margin-bottom:15px;position:relative}
.relates-item img{outline:0;border:0}
.relates-item a{text-decoration:none}
.relates-item a:hover{color:#079d50}
.relates-item .relates-news,.relates-item .relates-player,.relates-item .relates-team{display:flex;gap:15px}
.relates-item .relates-series{display:flex;flex-direction:column;gap:15px}
.relates-item .relates-player-img{width:46px;height:46px;object-fit:cover;border-radius:50%;object-position:top}
.relates-item .relates-team-img{width:56px;height:56px;object-fit:contain}
.relates-item .relates-news-img{width:97px;min-width:97px;max-width:97px;height:56px;min-height:56px;object-fit:cover}
.relates-item .relates-news-author-info{display:flex;gap:5px;white-space:nowrap;font-size:12px;color:#666}
.relates-item .relates-news-author{color:#333;text-decoration:none}
.relates-item .relates-content-box{flex:1;width:0;display:flex;flex-direction:column;gap:2px}
.relates-item .relates-content-title-box{display:flex;gap:10px;align-items:center;line-height:1.2}
.relates-item .relates-content-title{font-size:16px;color:#333;font-weight:bold;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.relates-item .relates-content-title-other{color:#999;white-space:nowrap;font-size:14px}
.relates-item .relates-content-subtitle{font-size:12px;color:#999;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relates-item .relates-content-info{font-size:12px;color:#999;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6}
.relates-item .relates-series-box{display:flex;gap:15px;border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:5px}
.relates-item .relates-series-more{text-decoration:none;color:#333;font-size:14px}
.relates-item .relates-content-match-box{display:flex;margin:0 -15px}
.relates-item .relates-content-match{display:flex;flex-direction:column;width:50%;padding:0 15px}
.relates-item .relates-series .relates-content-title-info{flex:1;width:0;display:flex;gap:10px}
.relates-item .relates-series .relates-content-match:first-child{border-right:1px solid #e0e0e0}
.relates-item .relates-match-time-status{display:flex;gap:10px;justify-content:space-between;font-size:14px;color:#333}
.relates-item .relates-match-time{text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333;flex:1;width:0}
.relates-item .relates-match-status{font-weight:bold}
.relates-item .relates-match-status-live{color:#ff621e}
.relates-item .relates-match-status-result{color:#128449}
.relates-item .relates-match-status-upcoming{color:#333}
.relates-item .relates-match-process{font-size:12px;color:#666;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}
.relates-item .relates-match-team{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:10px}
.relates-item .relates-match-team-img{width:25px;height:25px;object-fit:cover}
.relates-item .relates-match-team-info{display:flex;align-items:center;gap:10px;flex:1;width:0}
.relates-item .relates-match-team-name{font-size:14px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relates-item .relates-match-team-score{font-size:14px;color:#666}
.relates-item .relates-match-team-score-more{color:#ff7e1b}
.relates-item .relates-match-team-score-less{color:#666}
.relates-item .relates-del{display:none;position:absolute;top:50%;transform:translateY(-50%);right:-30px;font-size:24px;color:transparent;cursor:pointer;line-height:1;border-radius:0 10px 0 0;font-weight:bold;padding:0 5px;background-image:url(../images/component/del.png);width:18px;height:18px;background-size:contain}
.relates-item .relates-del:hover{background-image:url(../images/component/del_.png)}
@media screen and (max-width:767px){
.relates-item .h5-hide{display:none}
.relates-item .relates-content-match-box{flex-direction:column;gap:20px}
.relates-item .relates-content-match{width:auto;flex:1}
.relates-item .relates-series .relates-content-match:first-child{border-right:none}
.relates-item .relates-news-img{width:80px;height:46px;min-width:80px;max-width:80px;min-height:46px}
.relates-item .relates-news-author{max-width:75px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}