@charset "utf-8";
/*
 *  Author      ：Qiu-675390768@qq.com;
 *  Date        ：2023年12月18日09:27:14;
 *  Abstract    ：资料库样式文件
 */

.dataDelTop{ position: relative; padding: 103px 0 32px 30px; display: flex; align-items: center;}
.dataDelTop .img{ width: 48px; height: 48px; margin-right: 16px; }
.dataDelTop .img img{ width: 100%; height: 100%; object-fit: contain; }
.dataDelTop .txt{ flex:1; color: #fff; height: 60px;display: flex;flex-direction: column;justify-content: center; }
.dataDelTop .txt h3{ line-height: 34px; font-size: 24px; font-weight: bold; }
.dataDelTop .txt p{ line-height: 22px; font-size: 16px; margin-top: 4px; }
.select{ position: absolute; right: 20px; bottom: 20px; }
.select a{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 140px; height: 32px;background: rgba(0,0,0,0.50);border-radius: 100px; padding: 0 12px; font-size: 14px; color: #fff; }
.select a > .svg12{transition: all .2s;}
.select a.active > .svg12{ transform: rotate(180deg); }
.dataDelTop .slideList{ margin-left: -12px; }
.dataDelTop.player{ padding: 10px 30px 30px; }
.dataDelTop.player .img{ width: 40px; height: 40px; margin-right: 20px; }
.dataDelTop.player .txt{ height: 44px; }
.dataDelTop.player .txt h3{ line-height: 20px; font-size: 14px; }
.dataDelTop.player .txt p{ line-height: 20px; font-size: 14px; color: #fff; }
.playerName{ padding: 80px 30px 0; font-size: 24px; font-weight: bold; color: #fff; line-height: 34px; }

.macthGroup .item:last-child{ border-bottom: 0!important; }
.playerRank{ display: flex; overflow: hidden; }
.playerRank .left{ width: 140px; background: #F1F6FF; }
.playerRank .left a{ display: flex; align-items: center; padding: 0 10px 0 20px; height: 60px; line-height: 17px; font-size: 14px; color: #666; }
.playerRank .left a.active{ color: #4170CA; font-weight: bold; background: #fff; }
.playerRank dl{ flex: 1; padding: 0 20px 50px; }
.playerRank dl dt{ height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; font-size: 14px; color: #999; border-bottom: 1px solid #ddd; }
.playerRank dl dd{ transition: all .2s; border-bottom: 1px solid #eee; height: 50px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #333; }
.playerRank dl dd:hover{ background: #fff9ee; }
.playerRank .name{ display: flex; align-items: center; }
.playerRank .name .nub{ width: 30px; text-align: center;font-weight: bold; margin-right: 10px; }
.playerRank .name .txt h4{ line-height: 20px;}
.playerRank .name .txt h4 a{ color: #333; }
.playerRank .name .txt h4 a:hover{ text-decoration: underline; }
.playerRank .name .txt p{ line-height: 15px; font-size: 12px; color: #999; }
.playerRank .goal{ padding-right: 10px; }

.teamList li{ margin-bottom: 6px; }
.teamList li a{ transition: all .2s; height: 60px; background: #fff; border-radius: 12px; display: flex; align-items: center; padding: 0 16px; }
.teamList li a:hover{ background: #fff9ee; }
.teamList li .img{ width: 32px; height: 32px; margin-right: 10px; }
.teamList li .img img{ width: 100%; height: 100%; object-fit: contain; }
.teamList li p{ flex:1; font-size: 14px; color: #333; }

.player_key_data{font-size: 14px;color: #333;}
.player_key_data dt{height: 30px;background: #D5E3FF;padding: 0 10px;display: flex;align-items: center;font-weight: bold;}
.player_key_data dd{ border-bottom: 1px solid #eee; height: 40px;padding: 0 10px;display: flex;align-items: center;}
.player_key_data dd:last-child{ border-bottom: 0; }
.player_key_data dd p{flex: 1;}
.player_key_data dd span{text-align: right;}

.player_key_data1{ padding: 5px 20px; font-size: 13px; color: #333;}
.player_key_data1 dt{ line-height: 38px; font-weight: bold; font-size: 16px;}
.player_key_data1 dd{ height: 36px; display: flex; align-items: center; border-top: 1px solid #eee;}
.player_key_data1 dd p{ flex:1; }
.player_key_data1 dd span{ font-weight: bold; }

.team_h2{display: flex;padding: 15px 20px 10px;line-height: 22px;font-size: 16px; color: #333; font-weight: bold;}
.team_means{padding: 0 20px 12px;}
.team_means li{ height: 30px; display: flex; align-items: center; font-size: 14px; color: #333;}
.team_means li p{ flex:1; color: #999; text-align: right; }
.team_means.li40 li{ height: 40px; }

.transfer_ul{ padding: 0 20px; }
.transfer_ul li{ border-top: 1px solid #eee; display: flex; height: 60px; align-items: center; justify-content: space-between;}
.transfer_ul li > div{ line-height: 20px; color: #333; font-size: 14px; flex:1;}
.transfer_ul li > div span{ display: block; line-height: 17px; font-size: 12px; color: #999; }
.transfer_ul li > div:last-child{ text-align: right; padding-left: 0; }

.real_time_score{overflow: hidden;display: flex;font-size: 12px;color: #333;position: relative;}
.real_time_score .name{ border-bottom: 1px solid #eee; width: 165px;flex-shrink: 0; border-right: 1px solid #ccc;}
.real_time_score .name li{ border-top: 1px solid #eee; padding:0 10px;height: 40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.real_time_score .name li:first-child{ border-top: 0; font-weight: bold; border-bottom: 0;}
.real_time_score .name li:nth-child(odd){background: #F5F5F5;}
.real_time_score .score{ border-bottom: 1px solid #eee; flex: 1; overflow: hidden; overflow-x: scroll;position: relative;}
.real_time_score .score li{ border-top: 1px solid #eee; display: inline-flex; vertical-align: top;height: 30px;line-height: 30px;white-space: nowrap;}
.real_time_score .score li span{width: 65px;text-align: center;}
.real_time_score .score li:first-child{font-weight: bold; border-top: 0;}
.real_time_score .score li:nth-child(odd){background: #F5F5F5;}
.real_time_score .score .un_begin{position: absolute;left: 0;top: 30px;width: 100%;height: calc(100% - 80px);background: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.real_time_score .score .un_begin p{line-height: 24px;font-size: 14px;color: #000;}
.real_time_score .score .un_begin em{display: block;line-height: 17px;font-size: 12px;color: #999;margin-top: 4px;}
.real_time_score.data .name li{height: 40px;display: flex;flex-direction: column;justify-content: center;}
.real_time_score.data .name li:nth-child(odd){background: none;}
.real_time_score.data .name li:first-child{padding-left: 0;height: 30px;text-align: center;background: #f5f5f5;}
.real_time_score.data .name li.bg_blue{ border-top: 0; padding-left: 0; height: 30px; line-height: 30px; background: #D5E3FF;font-weight: bold;color: #4170CA;text-align: center;}
.real_time_score.data .name li.bg_blue + li{ border-top: 0; }
.real_time_score.data .name li p{line-height: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.real_time_score.data .name li span{line-height: 14px;font-size: 10px;color: #999;}
.real_time_score.data .score li{height: 40px;line-height: 40px;}
.real_time_score.data .score li.bg_blue{ border-top: 0; height: 30px;background: #D5E3FF !important;}
.real_time_score.data .score li.bg_blue + li{ border-top: 0; }
.real_time_score.data .score li:nth-child(odd){background: none;}
.real_time_score.data .score li:first-child{height: 30px;line-height: 30px;background: #f5f5f5;}

.career_ul li{ border-bottom: 1px solid #eee; display: flex;height: 50px;font-size: 14px;color: #333;text-align:center;}
.career_ul li .left{ border-right: 1px solid #eee; width: 215px;display: flex;flex-direction: column;justify-content: center;padding:0 10px;text-align: left;}
.career_ul li .left p{line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.career_ul li .left span{line-height: 18px; font-size: 12px;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.career_ul li .right{flex: 1;display: flex;align-items: center;}
.career_ul li .right span{flex: 1;}
.career_ul li:first-child{ border-bottom: 0; background: #f5f5f5;height: 30px;font-weight: bold;}
.career_ul li:first-child .left{padding-left: 20px;}

.macth_tit { padding: 0 20px; height: 40px;display: flex;align-items: center;font-size: 14px;color: #999;font-weight: bold;}
.macth_tit .time{width: 114px;padding-left: 16px;}
.macth_tit .team{flex: 1;padding-left: 30px;}
.macth_tit .ht,
.macth_tit .ft{width: 45px;text-align: center;}
.macth_tit .ft{margin-right: 75px;}

.name_explan_ul{ width: 375px;padding: 20px 0 12px;display: flex;flex-wrap: wrap;}
.name_explan_ul li{width: 50%;line-height: 24px;font-size: 12px;}
.name_explan_ul li:nth-child(2n+1){padding-left: 30px;}
.name_explan_ul li b{font-weight: bold;}
.name_explan_ul.pre100 li{width: 100%;padding-left: 30px;}