.titleView {
     display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.headerView {
    margin-top: 130px;
    width: 100%;
    height: 300px;
    background-image: url('../images/common/topbg_games_banner.png');
    background-size: 100% 100%;
    
}
.headerView .img{
    margin-left: 120px;
    margin-top: 60px;
}
/* 列表-最近赛事 */
 .games {
    background-color: #f4f4f4;
}
.games .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
.games .content .item {
    display: flex;
    /* width: 913px; */
    background-color: #fff;
    border-radius: 10px;
    /* padding: 20px; */
      margin-bottom: 30px;

}
.games .content .item .leftImg {
    width: 220px;
    height: 243px;
    object-fit: cover;
    border-radius: 10px;
}
.games .content .item .rightView {
    padding: 20px;
}
.games .content .item .rightView .bottom {
    color: #7a7a7a;
   
}
.games .time {
    margin-top: 10px;
}
.games .address {
    margin-top: 10px;
}
.games .time .tImg{
    margin-right: 10px;
}
.games .address .aImg {
    margin-right: 10px;
}
.games .checkDetailImg {
    margin-top: 10px;
}

.games .content .item .rightView h3 {
    color: #000;
     width: 324px;
  height: 70px;
}
/* 详情 */
.games_details {
    background-color: #f4f4f4;

}
.games_details .detailsView {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    margin: 40px 0 20px 0;
}
.games_details .detailsView .leftImgView{
   width: 518px;
    height: 730px;
     display: none;
}
.games_details .detailsView .leftImgView img {
    width: 100%;
    height: 100%;
}
.games_details .detailsView .rightView{
    padding: 40px;
    /* width: 582px; */
     width: 100%;
    /* height: 650px; */
    /* margin-left: 20px; */
    background-color: #fff;
}
.games_details .detailsView .rightView .topView{
    border-bottom: 1px solid #e2e2e2;
}
.games_details .detailsView .rightView .topView .tagsView {
    display: flex;
    flex-wrap: wrap;
}
.games_details .detailsView .rightView .topView .tagsView .item {
    padding: 5px 10px;
    border: 1px solid #000;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 30px;
     color: #7a7a7a;
}
.games_details .detailsView .rightView .topView .group {
   margin-top: 20px;
}
.games_details .detailsView .rightView .topView .gImg {
    margin-right: 10px;  
}
.games_details .detailsView .rightView .topView .time {
   margin-top: 20px;
}
.games_details .detailsView .rightView .topView .tImg {
    margin-right: 10px;  
}
.games_details .detailsView .rightView .topView .address {
   margin-top: 20px;
   margin-bottom: 40px; 
}
.games_details .detailsView .rightView .topView .aImg {
    margin-right: 10px; 
    
}
.games_details .detailsView .rightView .bottomView h1{
    margin-top: 40px;
}
/* 移动端显示 */
@media (max-width: 1280px) {
    .games .titleView {
        align-items: center;
    }
    .games .titleView {
         display: flex;
        flex-direction: column;
         justify-content: center;
         align-items: center;
    }
   
    .headerView .img {
        margin-left: 50px;
        width: 80%;
    }
    .games .content .item {
        padding: 0;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 30px;
    }
    .games .checkDetailImg {
         margin-left: 100px;
    }
    .games .content .item .rightView h1 {
         width: 360px;
    
    }
    .games .content .item .leftImg {
        width: 100%;
        height: 100%;
    
    }
    /* 详情 */
    .games_details .detailsView .leftImgView{
        width: 100%;
        display: none;
    }
    .headerView {
    margin-top: 100px;
    background-image: url('../images/common/topbg_games_banner_phone.png');
    
}
}