.top{
	width: 100%;
	height: 100px;
	line-height: 100px;
	display: flex;
	justify-content: space-between;
}
header{
	background-color: #89023B;
}
.top ul li  .active{
	color: #FFCB00 ;
	border-bottom: 1px solid #FFCB00;
}
.top ul li a{
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #FBB3B4;
	letter-spacing: 0;
	text-align: center;
	line-height: 18px;
	font-weight: 400;
}
.top ul{
	display: flex;
	float: right;
	margin-right:18.7% ;
	line-height: 50px;
	margin-top: 40px;
	width: 44.5%;
	margin-bottom: 20px;
	
}
.top ul li{
	padding: 0 20px;
	font-family: PingFangSC-Semibold;
	font-size: 18px;
	/* color: #FFCB00; */
	letter-spacing: 0;
	text-align: center;
	line-height: 18px;
	font-weight: 600;
	
}
.top ul li a{
	display: inline-block;
	height: 40px;
}
.download{
	display: none;
}

.logo{
	width: 14.6%;
	height: 100px;
	margin-left: 18.7%;
}
.banner {
	position: relative;
}
.banner img{
	width: 100%;
}
.btn{
	display: block;
	position: absolute;
	width: 14.7%;
    top: 64%;
    left: 60%;
	
}
.contont{
	width: 62%;
	margin-left: 20%;
}
.play{
	width: 100%;
	text-align: center;
	margin-top: 67px;
	margin-bottom: 50px;
}
.text{
	display: flex;
	margin-bottom: 110px;
	/* justify-content: space-between; */
}
.left{
	width: 50%;
	
	/* margin-right: 5%; */
	display: flex;
}
.left div img{
	width: 68px;
	vertical-align: middle;
	margin-right: 10px;
}
.right div img{
	/* width: 68px; */
	vertical-align: middle;
	margin-right: 10px;
}

.right{
	width: 50%;
	display: flex;
}
.p1{
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 600;
}
.p2{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #FFB7B7;
	letter-spacing: 0;
	font-weight: 400;
}
.text1{
	font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #FFB7B7;
	letter-spacing: 0;
	font-weight: 400;
	margin-bottom: 60px;
}
.bottom{
	width: 48%;
	border: 1px solid #A6124E;
	padding: 10px 0;
	margin-bottom: 100px;
}
.bottom img{
	margin:10px;
}
.mobile{
	display: none;
}
.nav{
	display: none;
}
.contents{
	width: 62%;
	margin-left: 19%;
}
.contents p{
	font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #FFB7B7;
	letter-spacing: 0;
	font-weight: 400;
	margin-top: 20px;
}
.tit{
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (min-width:360px) and (max-width:450px) {
	
	.top .list{
		display: none !important;
	}
	.mobile,.nav{
		display: block;
	}
	.logo{
		width: 38%;
		height: 50px;
		margin-left: 20px;
		
	}
	.top{
		width: 100%;
		height: 50px;
		line-height: 50px;
		display: flex;
		justify-content: space-between;
	}
	.download{
		display: block;
		width: 29%;
		margin-right: 20px;
	}
	.contont{
		display: none;
	}
	.btn{
		top: 62%;
	}
	.first{
		width: 100%;
		text-align: center;
		margin: 20px 0;
		
	}
	.first img{
		width: 50%;
	}
	.sec{
		text-align: center;
		margin: 40px;
	}
	.sec img{
		width: 100%;
	}
	.p2{
		font-size: 12px;
	}
	.p1{
		font-size: 14px;
	}
	.pc{
		padding-right: 10px;
	}
	.bottom{
		margin-bottom: 20px;
	}
	.nav{
		margin-bottom: 50px;
	}
	.league{
		top: 74% !important;
		font-size: 10px !important;
	}
	.nav li{
		font-family: PingFangSC-Semibold;
		color: #E49CA0;
		letter-spacing: 0;
		text-align: left;
		font-weight: 600;
		line-height: 50px;
		border-bottom: 1px solid #990F47;;
	}
	.nav li a{
		color: #E49CA0;
	}
	.contents{
		width: 90%;
		padding-left:5% !important;
		margin-left: 0;
		margin-bottom: 30px;
	}
	
}