@import url("innerCommon.css");

/*innerResult*/
.resultHeader{
	width:100%;	
}
.resultHeader ul{
	
}

.innerResult{
	
}

.resultCon{
	width:100%;
	margin-top:0px;	
}
.resultCon .sesonC{
	position:relative;
	width:100%;
	text-align:left;
	margin:20px 0 0 10px;
}
.resultCon .sesonC h6{
	float:left;
	height:36px;
	line-height:36px;
	font-size:14px;
	margin-right:10px;
	padding:0 10px;
	background:#23344b;
}
.resultCon .sesonC .seasonSel{
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#fff;
	padding:0 10px;
	background:#396096;	
	border:1px solid #00fcff;
	cursor:pointer;
}
.resultCon .sesonC .seasonSel option{
	border-radius:0;
	border:none;
	cursor:pointer;
}

.resultMain{
	width:100%;
	margin-top:30px;
	text-align:center;
}


.resultMainWrap{
	position:relative;
	width:100%;	
	margin:0;
	padding:0;
}

.resultTopTit{
	position:absolute;
	width:100%;
}
.resultTopTit h1{
	position:relative;
	width:18%;
	margin:0 auto;
	margin-top:20px;
} 
.resultTopTit h1 img{
	width:100%;
} 

.resultTopPodium{
	position:relative;
	width:100%;
	background:url(../images/result/topPodium.png) no-repeat center top;
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
	
}

.resultTopPodiumWrap{
	position:relative;
	height:	671px;
	width:100%;
	padding-top:272px;	
	overflow:hidden;
	animation: fadeIn 0.5s ease;
}
.resultTopPodium ul.trophyList{
	position:relative;
	width:56%;
	min-width:670px;
	margin:0 auto;
	padding:0;
}
.resultTopPodium ul.trophyList li{
	position:relative;
	width:33%;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}
.resultTopPodium ul.trophyList li .trophyWrap{
	position:relative;
	width:100%;
}
.resultTopPodium ul.trophyList li .trophyWrap .trophyInfo .name{
	font-size:18px;
	line-height:18px;
}
.resultTopPodium ul.trophyList li .trophyWrap.gold{
	position:relative;
	width:100%;
	margin:0 1%;
}
.resultTopPodium ul.trophyList li .trophyWrap.gold .topMedal {
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
}
.resultTopPodium ul.trophyList li .trophyWrap.gold .topMedal span{
	display:block;
	width:110px;
	height:110px;
	background:url(../images/medal_first.png) no-repeat center top;
	background-size:100%;
	margin:0 auto;
	z-index:100;
}
.resultTopPodium ul.trophyList li .trophyWrap.gold .trophyInfo{
	position:relative;
	width:100%;
	padding-top:26px;
}
.resultTopPodium ul.trophyList li .trophyWrap.gold .trophyInfoWrap{
	position:relative;
	width:170px;
	height:260px;
	margin:0 auto;
	background:url(../images/bg_blackT60.png) repeat center top;
	padding-top:30px;
	border:4px solid #fff8ae;
}



.resultTopPodium ul.trophyList li .trophyWrap.silver{
	position:relative;
	width:100%;
	margin:0 auto;
	margin-top:80px;
}
.resultTopPodium ul.trophyList li .trophyWrap.silver .topMedal {
	float:left;
	position:absolute;
	width:152px;
	height:100%;
	z-index:100;
}
.resultTopPodium ul.trophyList li .trophyWrap.silver .topMedal span{
	display:block;
	width:90px;
	height:90px;
	background:url(../images/medal_second.png) no-repeat center top;
	background-size:100%;
	margin:0 auto;
	z-index:100;
}
.resultTopPodium ul.trophyList li .trophyWrap.silver .trophyInfo{
	position:relative;
	padding-top:30px;
}
.resultTopPodium ul.trophyList li .trophyWrap.silver .trophyInfoWrap{
	width:152px;
	height:230px;
	background:url(../images/bg_blackT60.png) repeat center top;
	padding-top:30px;
	border:4px solid #ebebeb;
}

.resultTopPodium ul.trophyList li .trophyWrap.bronze{
	position:relative;
	width:100%;
	margin:0 auto;
	margin-top:94px;
	display:flex;
  	justify-content:right;
}
.resultTopPodium ul.trophyList li .trophyWrap.bronze .topMedal {
	float:right;
	position:absolute;
	width:140px;
	height:100%;
	z-index:100;
}
.resultTopPodium ul.trophyList li .trophyWrap.bronze .topMedal span{
	display:block;
	width:80px;
	height:80px;
	background:url(../images/medal_third.png) no-repeat center top;
	background-size:100%;
	margin:0 auto;
	z-index:100;
}
.resultTopPodium ul.trophyList li .trophyWrap.bronze .trophyInfo{
	position:relative;
	padding-top:30px;
}
.resultTopPodium ul.trophyList li .trophyWrap.bronze .trophyInfoWrap{
	width:140px;
	height:216px;
	background:url(../images/bg_blackT60.png) repeat center top;
	padding-top:30px;
	border:4px solid #e9a34d;
}
.resultTopPodium ul.trophyList li .trophyWrap .trophyInfo img{
	width:94%;
	margin:0 auto;
}
.resultTopPodium ul.trophyList li .trophyWrap .trophyInfo .name{
	width:90%;
	margin:0 auto;
	font-weight:bold;
}
.resultTopPodium ul.trophyList li .trophyWrap.gold .trophyInfo .name{
	font-size:20px;
	line-height:20px;
}


.resultList{
	position:relative;
	width:100%;
	min-width:700px;
	background: url(../images/bg_blackT70.png) repeat center top;
	margin:0;
	padding:0;
}
.resultListWrap{
	width:90%;
	margin:0 auto;
	padding:80px 0;	
	margin-bottom:20px;
}

.resultListRound{
	position:relative;
	width:100%;
	display:flex;
  	justify-content:space-between;
}
.resultTopBorder-left{
	position:relative;
	width:30%;
	height: 4px;
	background: linear-gradient(90deg, #3e8cee 0%, #21c2e4  100%);  /* 渐变色 */
	margin-top:30px;
}
.resultTopBorder-right{
	position:relative;
	width:30%;
	height: 4px;
	background: linear-gradient(90deg, #21c2e4 0%, #3e8cee 100%);  /* 渐变色 */
	margin-top:30px;
}
.resultListRound a{
	display:block;
	width:3%;
	color:#0FF;
	font-size:60px;
	font-family:'UPBOLTERS';
}
.resultListRound .sesonContrl{
	width:30%;	
}

.resultListRound .sesonContrl h6{
	font-size:18px;
	font-weight:bold;	
}.resultListRound .sesonContrl h7{
	font-size:18px;
	font-weight:bold;	
}

.resultConTable{
	position:relative;
	width:100%;	
	margin:20px auto;
	padding-bottom:10px;
}
.resultTableTop{
	position:relative;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:left;
	background: linear-gradient(90deg, #1ef1f4 0%, #21c2e4 100%);  /* 渐变色 */
	
}
.resultTableTop h1{
	font-size:30px;	
	font-family:'UPBOLTERS';
	padding-left:20px;
}

.match{
	position:relative;
	width:100%;
	background:#253854;
	border:4px solid #374458;
}
.matchWrap{
	position:relative;
	width:90%;
	margin:40px auto;
	display: flex;
  	justify-content:space-between;
}


.match .matchWrap .team{
	position:relative;
	width:40%;
}


.match .matchWrap .team .teamWrap {
	position:relative;
	width:100%;
	display: flex;
  	justify-content:space-between;
}

.match .team .team-info {
	position:relative;
	width:50%;
	text-align:center;
	background:#366cb7;
	padding:20px 0 20px 0;
	
}
.match .team.winner .team-info {
	position:relative;
	width:50%;
	text-align:center;
	background:#366cb7;
	padding:20px 0 20px 0;
	border-top:2px solid #fff;
	border-bottom:4px solid #fff;
	
}
.match .team .team-logo .team-logo-on img{
	width:100%;	
}

.match .team .team-logo {
	position:relative;
	width: 80px;
	height: 80px;
	background: #273e5d url(../images/vs/versus_2_c_01.png) no-repeat center top;
	background-size:cover;
	border-radius: 50%;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #e0e1dd;
	margin:0 auto;
}

.match .team .team-logo .team-logo-on{
	position:relative;
	width: 80px;
	height: 80px;
	background: #526080;
	background-image:none;
	border-radius: 50%;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #e0e1dd;
	border: 4px solid #232e45;
}

.match .team.winner .team-logo .team-logo-on{
	width: 80px;
	height: 80px;
	border: 4px solid #23f5f7;
}



.match .team .team-name {
	position:relative;
	width:100%;
	font-weight: 500;
	font-size: 1.2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:none;
	text-align:center;
	margin-top:10px;
}


.match .team .team-score {
	width:50%;
	color: white;
	border-radius: 20px;
	min-width: 30px;
	text-align: center;
	font-size: 6rem;
	margin-top:30px;
	font-family:'UPBOLTERS';
	display: flex;
  	justify-content: center;
}
.match .team .team-score span {
	display:block;
	font-size: 6rem;
	height:90px;
	font-family:'UPBOLTERS';
	padding-bottom:4px;
}
.match .team.winner .team-score span {
	display:block;
	font-size: 6rem;
	height:90px;
	font-family:'UPBOLTERS';
	padding-bottom:4px;
	border-bottom:8px solid #37ffd2;
}
.vs{
	
}
.vs.on{
}
.vsTop{
	display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
	font-size:30px;
	height:140px;
	line-height:140px;
	text-align:center;
	padding: 0;
	margin:0;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vsTop span{
	font-size:24px;	
	padding:0 20px;
	color:#859cbb;
}
.vs p{
	font-size:24px;
	text-align:center;	
}
.match .team .medal {
	position:absolute;
	width:100%;
	height:38px;
	top:0;
	left:5px;
	z-index:100;
}
.match .team .medal.medalGold{
	background:url(../images/medal_first_s.png) no-repeat left top;	
}
.match .team .medal.medalSilver{
	background:url(../images/medal_second_s.png) no-repeat left top;	
}
.match .team .medal.medalBronze{
	background:url(../images/medal_third_s.png) no-repeat left top;	
}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}