#bfq {
				width: 100%;
				height: 688px;

			}

			.paiming-box a {
				padding: 8px 38px 8px 30px;
			}

			#videoplayer {
				margin: 0 auto;
				display: table;
			}

			@media screen and (max-width: 640px) {

				#bfq {
					width: 100%;
					height: 300px;
				}

				.paiming-box {

					padding: 5px 0px;
				}
			}
			.mt-p-n__link {
				padding: 5px 10px !important; 
				font-size: 18px;
				line-height: 1.5;
				color: #000;
				text-align: center;
				white-space: nowrap;
			}

			.mt-p-n-scroll {
				-webkit-box-flex: 1;
				-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;
				margin-left: -20px;
				overflow-x: auto;
				background: #f1f1f1;
				padding: 0 25px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				overflow-y: hidden;
				height: 58px;
			}

			#sjmenu li {
				float: left;
			}

			#sjmenu li.hover {
				float: left;
				border-bottom: #1b6bb4 2px solid;
			}			
.scroll-wrap {
	overflow-y: auto;
	scrollbar-base-color: #222;
	scrollbar-arrow-color: #141414;
	scrollbar-track-color: #222;
	scrollbar-face-color: #313131;
	scrollbar-3dlight-color: #313131;
	scrollbar-highlight-color: #313131;
	scrollbar-shadow-color: #313131;
	scrollbar-darkshadow-color: #313131
}

.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #222
}

.scroll-wrap-light {
	scrollbar-base-color: #c5c5c5;
	scrollbar-arrow-color: #8e8e8e;
	scrollbar-track-color: #c5c5c5;
	scrollbar-face-color: #e8e8e8;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8
}

.scroll-wrap-light::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap-light::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #c5c5c5
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.team {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0 auto
}

.team-integral,
.team-rank,
.team-score,
.team-trend {
	display: inline-block;
	width: 30%;
	height: 72px;
	color: #8e8e8e;
	font-size: 16px
}

.is-football .team-integral,
.is-football .team-rank,
.is-football .team-score,
.is-football .team-trend {
	width: 25%
}

.team-integral p:first-child,
.team-rank p:first-child,
.team-score p:first-child,
.team-trend p:first-child {
	color: #313131;
	height: 30px;
	line-height: 30px;
	margin-top: 20px
}

.team-integral p:first-child,
.team-rank p:first-child span,
.team-score p:first-child,
.team-trend p:first-child span {
	font-size: 20px;
	font-weight: 700
}

.is-football .team-trend p:first-child,
.team-score p:first-child {
	margin-bottom: -3px
}

.team-score p:last-child {
	color: #8e8e8e;
	font-size: 16px
}

.is-football .team-trend p:last-child span.gray-color,
.team-score p:last-child span.gray-color {
	position: relative;
	top: 2px
}

.gray-color {
	font-size: 24px !important;
	color: #c5c5c5;
	font-weight: 400 !important
}

.eam-score>p:last-child,
.team-integral>p:last-child,
.team-rank>p:last-child,
.team-trend>p:last-child {
	line-height: 33px
}

.scroll-wrap {
	overflow-y: auto;
	scrollbar-base-color: #222;
	scrollbar-arrow-color: #141414;
	scrollbar-track-color: #222;
	scrollbar-face-color: #313131;
	scrollbar-3dlight-color: #313131;
	scrollbar-highlight-color: #313131;
	scrollbar-shadow-color: #313131;
	scrollbar-darkshadow-color: #313131
}

.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #222
}

.scroll-wrap-light {
	scrollbar-base-color: #c5c5c5;
	scrollbar-arrow-color: #8e8e8e;
	scrollbar-track-color: #c5c5c5;
	scrollbar-face-color: #e8e8e8;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8
}

.scroll-wrap-light::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap-light::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #c5c5c5
}

.space {
	border-bottom: 4px solid #f6f6f6
}

@media screen and (max-width:1700px) {
	.space {
		margin: 0 4px
	}
}

@media screen and (min-width:1700px) {
	.space {
		margin: 0 4px
	}
}

.clash-container {
	margin: 24px 0
}

.game:hover {
	background: #eef3f8;
	margin-top: -1px;
	border-top: 1px solid #eef3f8;
	cursor: pointer
}

.game-record {
	border-bottom: 1px solid #eef3f8
}





.clash-container>div:last-child .game-record {
	border-color: transparent
}

.game-record div {
	display: inline-block;
	height: 53px;
	line-height: 53px
}

.game-record p {
	display: inline-block;
	color: #8e8e8e;
	font-size: 16px
}

.game-record .left-team {
	width: 51%;
}

.game-record .game-score {
	width: 13%;
	text-align: center;
}

.game-record .right-team {
	width: 35%;
}

.game-record .left-team>p:first-child,
.game-record .right-team>p:nth-child(2) {
	font-size: 14px;
	color: #8e8e8e
}

.game-record .left-team>p:nth-child(2),
.game-record .right-team>p:nth-child(2) {
	float: right
}

.game-record .left-team>p:nth-child(2),
.game-record .right-team>p:first-child {
	color: #313131
}

.game-record .fr p:nth-child(3) {
	width: 150px;
	text-align: right
}

p img {
	width: 56px;
	height: 56px;
	margin-top: -4px;
	vertical-align: middle
}

.left-team p img {
	margin-left: 6px
}

.right-team p img {
	margin-right: 6px
}

.game-record .game-score p {
	font-size: 14px
}

p .larger {
	color: #313131;
	font-weight: 700
}

p .gray-color {
	color: #8e8e8e;
	font-size: 24px
}

.title {
    line-height: 37px;
    font-size: 14px;
    color: #313131;
    border-top: 1px solid #f6f6f6;
}




.title span {
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #313131;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 3px
}

.scroll-wrap {
	overflow-y: auto;
	scrollbar-base-color: #222;
	scrollbar-arrow-color: #141414;
	scrollbar-track-color: #222;
	scrollbar-face-color: #313131;
	scrollbar-3dlight-color: #313131;
	scrollbar-highlight-color: #313131;
	scrollbar-shadow-color: #313131;
	scrollbar-darkshadow-color: #313131
}

.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #222
}

.scroll-wrap-light {
	scrollbar-base-color: #c5c5c5;
	scrollbar-arrow-color: #8e8e8e;
	scrollbar-track-color: #c5c5c5;
	scrollbar-face-color: #e8e8e8;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8
}

.scroll-wrap-light::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap-light::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #c5c5c5
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}
.title {

    line-height: 36px;
    font-size: 14px;
    color: #313131;
    border-top: 1px solid #f6f6f6;
}

@media screen and (max-width:1700px) {
	.title {
		margin: 0 4px
	}
	.game-record p {
	    display: inline-block;
	    color: #8e8e8e;
	    font-size: 14px;
	}
}

@media screen and (min-width:1700px) {
	.title {
		margin: 0 4px
	}
}

.title span {
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #313131;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 3px
}

.record {
	margin-top: 23px
}

.space {
	border-bottom: 4px solid #f6f6f6
}

@media screen and (max-width:1700px) {
	.space {
		margin: 0 5px
	}
}

@media screen and (min-width:1700px) {
	.space {
		margin: 0 5px
	}
}

.game-item {
	width: 50%
}

.game-record {
	height: 106px;
	color: #313131;
	font-size: 16px
}

.game-record:hover {
	background: #eef3f8;
	cursor: pointer
}

@media screen and (min-width:1700px) {
	.fl .game-record {
		margin-left: 150px;
		margin-right: 75px
	}

	.fl.fr .game-record {
		margin-right: 150px;
		margin-left: 75px
	}
}

@media screen and (max-width:1700px) {
	.fl .game-record {
		margin-left: 44px;
		margin-right: 22px
	}

	.fl.fr .game-record {
		margin-right: 44px;
		margin-left: 22px
	}
}

.game-record p {
	display: inline-block
}

.left-team-logo,
.right-team-logo {
	width: 32%;
	height: 106px;
	color: #313131;
	line-height: 106px;
	text-align: right
}

.right-team-logo {
	text-align: left
}

.team-name {
	display: inline-block;
	width: 92%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	margin-left: 5px
}

.team-name.fr {
	margin-left: 0;
	margin-right: 5px
}

.left-team-logo img,
.right-team-logo img {
	display: block;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	margin: 22px auto 0
}

.team-record {
	width: 36%;
	height: 68px;
	text-align: center;
	line-height: 24px;
	margin-top: 16px
}

.team-record div {
	font-size: 14px;
	color: #8e8e8e
}

.team-record div:first-child {
	color: #313131
}

.team-record div:nth-child(2) {
	font-size: 18px
}

.team-record div:nth-child(2) span:first-child {
	margin-right: 17px
}

.team-record div:nth-child(2) span:last-child {
	margin-left: 17px
}

.team-record div:nth-child(3) {
	font-size: 12px
}

.team-record div .larger {
	color: #313131;
	font-weight: 700
}

.team-record div .gray-color {
	color: #8e8e8e;
	font-size: 24px
}

.look-more {
	margin: 24px auto;
	text-align: center;
	font-size: 16px;
	color: #313131;
	cursor: pointer;
	position: relative
}

.look-more .arrow {
	position: absolute;
	top: 12%;
	font-size: 18px
}

.look-more:hover {
	color: #3a84ff
}

.look-more.non-cursor:hover {
	color: #313131;
	cursor: default
}

.scroll-wrap {
	overflow-y: auto;
	scrollbar-base-color: #222;
	scrollbar-arrow-color: #141414;
	scrollbar-track-color: #222;
	scrollbar-face-color: #313131;
	scrollbar-3dlight-color: #313131;
	scrollbar-highlight-color: #313131;
	scrollbar-shadow-color: #313131;
	scrollbar-darkshadow-color: #313131
}

.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #222
}

.scroll-wrap-light {
	scrollbar-base-color: #c5c5c5;
	scrollbar-arrow-color: #8e8e8e;
	scrollbar-track-color: #c5c5c5;
	scrollbar-face-color: #e8e8e8;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8
}

.scroll-wrap-light::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap-light::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #c5c5c5
}

.chart {
	margin-top: 5.3%;
	margin-right: 4%
}

.right-chart {
	margin-right: 0;
	margin-left: 4%
}

.charts-title {
	height: 65px;
	margin-bottom: 5.3%;
	margin-left: 3.2%
}

.charts-title span {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle
}

.right-charts-title {
	position: relative;
	text-align: right;
	margin-left: 0;
	margin-right: 3.2%
}

.charts-title em {
	font-size: 14px;
	font-style: normal;
	color: #313131;
	vertical-align: middle
}

.charts-sub {
	position: absolute;
	top: 0;
	left: -11%
}

.charts-sub p:first-child {
	margin-bottom: .8%
}

.charts-rects {
	height: 105px;
	font-size: 12px
}

.rect-group {
	position: relative;
	width: 8.8%;
	height: 105px;
	margin-top: 3.5%;
	margin-left: 12%;
	float: left
}

.rect-group:first-child {
	margin-left: 4.8%
}

.rect-group:last-child {
	margin-right: 3.2%
}

.rect {
	bottom: 0;
	width: 36.5%;
	position: absolute
}

.rect span {
	max-width: 32px;
	text-align: center;
	display: inline-block;
	margin-left: -2px;
	margin-bottom: 3px;
	color: #313131
}

.rect1 span {
	position: absolute;
	right: 0;
	top: -17px
}

.team-color {
	background: #00798c
}

.rect2 {
	left: 44%
}

.rect2 div {
	bottom: 0;
	height: 120px
}

.rect2 span {
	color: #8e8e8e;
	position: absolute;
	left: 3px;
	top: -17px
}

.union-max {
	background: #e8e8e8
}

.rect3 {
	left: 44%
}

.rect3 span {
	position: absolute;
	left: 4px;
	top: 1px
}

.union-average {
	background: #c5c5c5
}

.charts-line {
	height: 1px;
	margin-top: 3.5%;
	background-color: #c5c5c5
}

.charts-label div {
	color: #8e8e8e;
	line-height: 22px;
	text-align: center
}

.float {
	float: left
}

.charts-desc {
	margin-left: 3.2%;
	width: 17.3%;
	font-size: 14px
}

.charts-label>div:first-child {
	margin-left: -1.6%
}

.charts-label>div:last-child {
	margin-right: -1.6%;
	margin-left: 4.8%
}

.charts-label .skill {
	color: #313131;
	margin-top: 2.4%
}

.charts-label b {
	font-size: 16px;
	color: #141414;
	font-weight: 400
}

.scroll-wrap {
	overflow-y: auto;
	scrollbar-base-color: #222;
	scrollbar-arrow-color: #141414;
	scrollbar-track-color: #222;
	scrollbar-face-color: #313131;
	scrollbar-3dlight-color: #313131;
	scrollbar-highlight-color: #313131;
	scrollbar-shadow-color: #313131;
	scrollbar-darkshadow-color: #313131
}

.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #222
}

.scroll-wrap-light {
	scrollbar-base-color: #c5c5c5;
	scrollbar-arrow-color: #8e8e8e;
	scrollbar-track-color: #c5c5c5;
	scrollbar-face-color: #e8e8e8;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8
}

.scroll-wrap-light::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap-light::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #c5c5c5
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

@media screen and (max-width:1700px) {
	.union-contrast {
		margin: 0 44px
	}
}

@media screen and (min-width:1700px) {
	.union-contrast {
		margin: 0 150px
	}
}

.union-contrast .union-title {
	height: 47px;
	line-height: 70px;
	font-size: 20px;
	color: #313131
}

.union-title {
	border-top: 4px solid #f6f6f6
}

.union-title span {
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #313131;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 3px
}

.pre-union {
	border-bottom: 4px solid #f6f6f6
}

.union-item {
	width: 50%;
	margin-bottom: 19px
}

.scroll-wrap {
	overflow-y: auto;
	scrollbar-base-color: #222;
	scrollbar-arrow-color: #141414;
	scrollbar-track-color: #222;
	scrollbar-face-color: #313131;
	scrollbar-3dlight-color: #313131;
	scrollbar-highlight-color: #313131;
	scrollbar-shadow-color: #313131;
	scrollbar-darkshadow-color: #313131
}

.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #222
}

.scroll-wrap-light {
	scrollbar-base-color: #c5c5c5;
	scrollbar-arrow-color: #8e8e8e;
	scrollbar-track-color: #c5c5c5;
	scrollbar-face-color: #e8e8e8;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8
}

.scroll-wrap-light::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap-light::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #c5c5c5
}

.nav-section {
	margin-top: 24px
}

.nav-section .tabs-nav-wrapper {
	border-collapse: separate;
	border-spacing: 5px;
	table-layout: fixed;
	margin: 0 auto
}

@media screen and (max-width:1700px) {
	.nav-section .tabs-nav-wrapper {
		width: 782px
	}
}

@media screen and (min-width:1700px) {
	.nav-section .tabs-nav-wrapper {
		width: 870px
	}
}

.nav-section .tabs-nav-wrapper .nav-item {
	height: 34px;
	color: #313131;
	font-size: 16px;
	line-height: 34px;
	background: #e8e8e8;
	margin-right: 5px
}

.nav-section .tabs-nav-wrapper>span:only-of-type.nav-item {
	cursor: default;
	font-weight: 400;
	color: #fff;
	background: #3a84ff
}

.nav-section .tabs-nav-wrapper>span:only-of-type.nav-item:hover {
	color: #fff
}

.nav-section .tabs-nav-wrapper>span:only-of-type.nav-item:hover span {
	background-color: #313131
}

.nav-section .tabs-nav-wrapper .nav-item:last-child {
	margin-right: 0
}

.nav-section .tabs-nav-wrapper .nav-item-cur {
	color: #fff;
	background: #3a84ff
}

.nav-section .tabs-nav-wrapper .nav-item span {
	display: none
}

.scroll-wrap {
	overflow-y: auto;
	scrollbar-base-color: #222;
	scrollbar-arrow-color: #141414;
	scrollbar-track-color: #222;
	scrollbar-face-color: #313131;
	scrollbar-3dlight-color: #313131;
	scrollbar-highlight-color: #313131;
	scrollbar-shadow-color: #313131;
	scrollbar-darkshadow-color: #313131
}

.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #222
}

.scroll-wrap-light {
	scrollbar-base-color: #c5c5c5;
	scrollbar-arrow-color: #8e8e8e;
	scrollbar-track-color: #c5c5c5;
	scrollbar-face-color: #e8e8e8;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8
}

.scroll-wrap-light::-webkit-scrollbar {
	width: 8px;
	background-color: transparent
}

.scroll-wrap-light::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #c5c5c5
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.introduction-title {
	font-size: 20px;
	line-height: 70px
}

@media screen and (max-width:1700px) {
	.introduction-title {
		padding: 0 44px
	}
}

@media screen and (min-width:1700px) {
	.introduction-title {
		padding: 0 150px
	}
}

.introduction-title span {
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #313131;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 3px
}

@media screen and (max-width:1700px) {
	.introduction-container {
		margin: 0 44px
	}
}

@media screen and (min-width:1700px) {
	.introduction-container {
		margin: 0 150px
	}
}

.in-clash {
	padding-bottom: 24px
}

.team-item {
	width: 50%;
	text-align: center
}

.non-cursor {
	cursor: default
}

img {
	width: 70px;
	height: 70px;
	cursor: pointer;
	vertical-align: middle
}

.team-name {
	font-size: 18px;
	margin-top: 9px;
	color: #313131;
	cursor: pointer
}

.team-name:hover {
	color: #3a84ff
}

.team-name.non-cursor:hover {
	color: #313131;
	cursor: default
}

.game-in {
	margin-bottom: 24px
}