body {
	background-color: #F7F7F7;
}

.box-cont {
	width: 1672px;
	margin: 0 auto;
}


.box-fun {
	position: relative;
	background-color: rgba(5, 70, 181, .8);
}

.box-fun .box-notice {
	position: absolute;
	top: -38px;
	left: 50%;
	width: 1612px;
	height: 76px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0546B5;
	font-size: 24px;
	transform: translateX(-50%);
	z-index: 1;
}

.box-fun .box-notice .icon {
	position: absolute;
	left: -26px;
	top: 50%;
	width: 52px;
	height: 52px;
	transform: translateY(-50%);
}
.box-fun .box-notice a {
	color: #0546B5;
}

.box-fun .box-info {
	display: flex;
	max-width: 1894px;
	margin: 0 auto;
	justify-content: space-around;
}

.box-fun .box-info .box-nav {
	padding-left: 68px;
	padding-top: 84px;
	display: flex;
}

.box-fun .box-info .box-nav .li {
	width: 218px;
	display: flex;
	flex-direction: column;
	margin-right: 36px;
	color: #fff;
	font-size: 24px;
	align-items: center;
}

.box-fun .box-info .box-nav .li:last-child {
	margin-right: 0;
}

.box-fun .box-info .box-nav .li a {
	margin-bottom: 19px;
}

.box-fun .box-info .box-nav .li a img {
	width: 128px;
	height: 128px;
}


.box-fun .box-right {
	flex-shrink: 0;
	width: 546px;
	height: 300px;
	position: relative;
}

.box-fun .box-right .bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.box-fun .box-right .row-1 {
	display: flex;
	justify-content: center;
	padding-top: 68px;
	font-size: 40px;
	color: #fff;
	line-height: 38px;
	letter-spacing: 4px;
}

.box-fun .box-right .row-2 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-top: 28px;
	color: #fff;
	font-size: 30px;
	height: 80px;
	box-sizing: content-box;
}

.box-fun .box-right .row-2 div {
	height: 50px;
	padding: 0 4px;
}

.box-fun .box-right .row-2 .num {
	height: 80px;
	font-size: 60px;
}

.box-fun .box-right .row-3 {
	display: flex;
	padding: 16px 68px 0 68px;
	justify-content: space-between;
	box-sizing: content-box;
}

.box-fun .box-right .row-3 .btn-1,
.box-fun .box-right .row-3 .btn-2 {
	width: 188px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	border: 1px solid #fff;
	letter-spacing: 4px;
	cursor: pointer;
}

/* 球员阵容+赛事信息 */
.box-eve {
	padding-top: 60px;
	display: flex;
	justify-content: space-between;
}

.box-eve .box-1 {
	width: 1021px;
	flex-shrink: 0
}

.box-eve .box-1 .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 82px;
	margin-bottom: 30px;
}

.box-eve .box-1 .title .left {
	color: #173F97;
	font-size: 46px;
	display: flex;
	align-items: center;
}

.box-eve .box-1 .title .more {
	width: 270px;
	height: 74px;
	border-bottom: 1px solid #0546B5;
	font-size: 29px;
	cursor: pointer;
}

.box-eve .box-1 .title .more a {
	height: 100%;
	color: #0546B5;
	display: flex;
	justify-content: space-between;
}

.box-eve .box-1 .title .more .l {
	display: flex;
	align-items: center;
}

.box-eve .box-1 .title .more .r img {
	width: 50px;
	height: 14px;
}

.box-eve .box-1 .player {
	display: flex;
	justify-content: space-between;
}

.box-eve .box-1 .player .one {
	width: 502px;
	height: 470px;
}

.box-eve .box-1 .player .one .cover {
	width: 502px;
	height: 351px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.box-eve .box-1 .player .one .name {
	margin-top: 17px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	background-color: #999;
	height: 101px;
}

/* .box-eve .box-1 .player .one .name .cn,
.box-eve .box-1 .player .one .name .en {
} */
.box-eve .box-1 .player .one.sp .name {
	background-color: #0546B5;
}

.box-eve .box-2 {
	width: 625px;
}

.box-eve .box-2 .title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 82px;
	margin-bottom: 30px;
	font-size: 46px;
	color: #173F97;
}

.box-eve .box-2 .body {
	background-color: #fff;
}

.box-eve .box-2 .body .top {
	height: 119px;
	border-bottom: 1px solid #E4E4E4;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	color: #333;
	letter-spacing: 2px;
}

.box-eve .box-2 .body .top img {
	width: 182px;
	height: 62px;
	margin-right: 20px;
}

.box-eve .box-2 .body .bottom {
	display: flex;
	flex-wrap: wrap;
}

.box-eve .box-2 .body .bottom .one {
	width: 312px;
	height: 175px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.box-eve .box-2 .body .bottom .one img {
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 16px;
}

.box-eve .box-2 .body .bottom .one .otxt {
	color: #999;
	font-size: 20px;
	text-align: center;
}

/* 赛事资讯 */
.box-new {
	padding-top: 60px;
}

.box-new .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 82px;
	margin-bottom: 30px;
}

.box-new .title .left {
	color: #173F97;
	font-size: 46px;
	display: flex;
	align-items: center;
}

.box-new .title .more {
	width: 270px;
	height: 74px;
	color: #0546B5;
	border-bottom: 1px solid #0546B5;
	font-size: 29px;
	cursor: pointer;
}

.box-new .title .more a {
	height: 100%;
	color: #0546B5;
	display: flex;
	justify-content: space-between;
}

.box-new .title .more .l {
	display: flex;
	align-items: center;
}

.box-new .title .more .r img {
	width: 50px;
	height: 14px;
}

.box-new .body {
	display: flex;
	justify-content: space-between;
}

.box-new .body .left {
	width: 1201px;
	height: 761px;
	position: relative;
	overflow: hidden;
}

.box-new .body .left img {
	width: 100%;
	height: 100%;

	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}
.box-new .body .left img:hover {
	transform: scale(1.2);
}

.box-new .body .left .date {
	position: absolute;
	top: 597px;
	left: 19px;
	color: #BFBFBF;
	font-size: 22px;
}

.box-new .body .left .name {
	position: absolute;
	top: 640px;
	left: 19px;
	color: #fff;
	font-size: 29px;
}

.box-new .body .left .label {
	position: absolute;
	top: 694px;
	left: 19px;
	color: #BFBFBF;
	font-size: 22px;
	overflow: hidden;
	height: 50px;
	line-height: 25px;
}

.box-new .body .right {
	width: 451px;
}

.box-new .body .right .one {
	position: relative;
	width: 451px;
	height: 241px;
	margin-bottom: 18px;
	overflow: hidden;
}

.box-new .body .right .one:last-child {
	margin-bottom: 0;
}

.box-new .body .right .one img {
	width: 100%;
	height: 100%;

	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}

.box-new .body .right .one img:hover {
	transform: scale(1.2);
}

.box-new .body .right .one .label {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	font-size: 24px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	color: #fff;

	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 精彩瞬间 */
.box-pic {
	padding-top: 60px;
}

.box-pic .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 82px;
	margin-bottom: 30px;
}

.box-pic .title .left {
	color: #173F97;
	font-size: 46px;
	display: flex;
	align-items: center;
}

.box-pic .title .more {
	width: 270px;
	height: 74px;
	color: #0546B5;
	border-bottom: 1px solid #0546B5;
	font-size: 29px;
}

.box-pic .title .more a {
	height: 100%;
	color: #0546B5;
	display: flex;
	justify-content: space-between;
}

.box-pic .title .more .l {
	display: flex;
	align-items: center;
}

.box-pic .title .more .r img {
	width: 50px;
	height: 14px;
}

.box-pic .body {
	display: flex;
	justify-content: space-between;
}

.box-pic .body .left {
	width: 1038px;
	display: flex;
	flex-wrap: wrap
}

.box-pic .body .left .li {
	margin-right: 36px;
	width: 501px;
	height: 301px;
	overflow: hidden;
}

.box-pic .body .left .li:nth-child(2n) {
	margin-right: 0;
}

.box-pic .body .left .li:nth-child(1),
.box-pic .body .left .li:nth-child(2) {
	margin-bottom: 19px;
}

.box-pic .body .left .li img {
	width: 100%;
	height: 100%;

	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}

.box-pic .body .left .li img:hover {
	transform: scale(1.2);
}

.box-pic .body .right {
	position: relative;
	width: 601px;
	height: 621px;
}

.box-pic .body .right img {
	width: 100%;
	height: 100%;
}

.box-pic .body .right .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 98px;
	height: 99px;
	cursor: pointer;
}