﻿.team{
    margin-top: 1.5rem;
}
.team .team-title{
    font-size: .65rem;
    text-align: center;
    color: #00FF00 ;
    font-weight: 700;
    text-shadow: .025rem .025rem .0125rem #000000;
    margin-bottom: .5rem;
}
.team .center-img{
    width: 100%;
    height: 100%;
}
.film{
    margin-top: 1.5rem;
    padding-top: .375rem;
}

.film .film-title{
    font-size: .65rem;
    text-align: center;
    color: #00FF00 ;
    font-weight: 700;
    text-shadow: .025rem .025rem .0125rem #000000;
}
.film .leaderboard ul{
    display: flex;
    margin: 0 auto;
    margin-top: .5rem;
    width: 22.625rem;
    height: 4.375rem;
}
.film .leaderboard ul li .video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.film .leaderboard ul li{
    position: relative;
    flex: 1;
    margin-right: .125rem;
    border-radius: .125rem;
    
}
.film .movie-score{
    position: absolute;
    right: -0.025rem;
    top: -0.0125rem;
    width: .625rem;
    height: .75rem;
    color: #000;
    background-image: url(../img/6游戏影片——设计元素/视频旁边/小标-02.png);
    background-size: 100%;
    font-weight: 700;
    font-style: italic;
    border-top-right-radius: .125rem;
    text-align: end;
    padding-right: 5px;
}
.film .movie-score .integer{
    display: inline-block ;
    margin-right: .1rem;
    line-height: 50px;
    font-size: .2rem;
    font-style: italic;
}
.film .leaderboard ul li:nth-child(1){
    flex: 3;
}
.film .leaderboard ul li:nth-child(5){
    margin-right: 0 ; 
}
.film .leaderboard ul li img{
    border-radius: .125rem;
    height: 100%;
}
.film .leaderboard ul li .leaderboard-txt{
    height: .625rem;
}

.film .recommend{
    position: relative;
    margin-top: .25rem;
    padding-top: .25rem;
    width: 100%;
    height: 12.1875rem;
    background-color: #e9e9e9;
}
.film .recommend .recommend-top{
    font-size: .3rem;
    font-weight: 700;
    margin-left: .25rem;
}

.film .recommend .recommend-items .recommend-itme ul{
    width: 23.75rem;
    margin: 0 auto;
    margin-top: .25rem;
    margin-bottom: 0;
    padding-left: .375rem;
    height: 10rem;
    overflow: hidden;
}
.film .recommend .recommend-items .recommend-itme ul li{
    display: inline-block;
    position: relative;
    height: 4.375rem;
    width: 3.1625rem;
    margin-right: .125rem;
    margin-bottom: .75rem;
}
.film .recommend .recommend-items .recommend-itme ul li img{
    border-radius: .125rem;
    height: 100%;
}
.recommend .pagination{
    width: 100%;
    position: absolute;
    bottom: .5rem;
}
.recommend .pagination ul{
    margin: 0 auto;
    text-align: center;
    line-height: .375rem;
    margin-bottom: 0;
    display: flex;
}
.recommend .pagination ul li{
    text-align: center;
    width: .4375rem;
    height: .375rem;
    margin: 0 .125rem;
    font-size: .225rem;
    border-radius: 50%;
    color: #000000;
    line-height: .375rem;
    background-image: url(../img/6游戏影片——设计元素/视频旁边/标题的小黑头-36.png);
    background-size: 100%;
}
.recommend .pagination ul li a{
    color: #00FF00 ;
    
}
.recommend .pagination .pagination-active{
    background-color: rgba(0, 0, 0, 0) !important;
    z-index: 10;
    transform: scale(1.5);
    background-image: url(../img/6游戏影片——设计元素/视频旁边/标题的小绿头.png);
    background-size: 100%;
}
.recommend .pagination .pagination-active a{
    color: #000;
}
.recommend .pagination .pagination-pre{
    position: absolute;
    top: -0.0625rem;
    left: 40%;
    width: .5rem;
    height: .4375rem;
    border-radius: 50%;
    border: 0;
    background-color: #e9e9e9;
    font-size: .3rem;
    color: #000000;
    outline:none;
}
.recommend .pagination .pagination-next{
    position: absolute;
    top: -0.0625rem;
    right: 40%;
    width: .5rem;
    height: .4375rem;
    border-radius: 50%;
    border: 0;
    background-color: #e9e9e9;
    font-size: .3rem;
    text-align: center;
    color: #000000;
    outline:none;
}
.recommend .pagination .pagination-next span,
.recommend .pagination .pagination-pre span{
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: .4375rem;
    font-size: .3rem;
    color: #000;
}
.recommend .pagination .pagination-next span:hover,
.recommend .pagination .pagination-pre span:hover{
    transform: scale(1.5);
    background-image: url(../img/6游戏影片——设计元素/视频旁边/标题的小黑头-36.png);
    background-size: 100%;
    color: #00FF00 ;
}