.spwh-row img {
	width: 100%;
}

.xxzs {
	min-height: 42.375rem;
}

.xxzs-video {
	position: relative;
	background: #000;
}

.xxzs-img {
	width: 100%;
	opacity: 0.6;
}

.xxzs-play {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.xxzs-play-img {
	cursor: pointer;
	width: 3.625rem;
}

.xxzs-div {
	background: #FFF;
	padding: 1.25rem;
}

.xxzs-title {
	color: #333;
}

.xxzs-content {
	font-size: 0.9375rem;
	color: #999;
	margin-bottom: 0;
	height: 2.625rem;
}

.xxzs-col {
	transition: box-shadow 0.25s;
}

.xxzs-col:hover {
	box-shadow: 0px 0px 10px 0px #CCCCCC;
}

.xxzs-row .col-md-4:hover .xxzs-img {
	opacity: 0.8;
	transition: opacity 0.5s;
}

.ygfc {
	min-height: 35.5rem;
}

.ygfc-container {
	padding: 0;
}

.ygfc-flex {
	font-size: 0.875rem;
}

.ygfc-flex .d-md-flex {
	width: 25%;
	background-color: #F5F5F5;
}

.ygfc-img-col {
	position: relative;
	cursor: pointer;
	width: 25%;
}

.ygfc-img-col .ygfc-img-num {
	position: absolute;
	color: #fff;
	right: 0.625rem;
	bottom: 0.625rem;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 0.875rem;
	border-radius: 0.625rem;
}

.ygfc-col {
	padding: 0 1.25rem;
	max-width: 17.875rem;
}

.ygfc-col .ygfc-title {
	color: #333333;
	font-size: 1rem;
}

.ygfc-col .ygfc-content {
	color: #666;
	line-height: 1.625rem;
}

.ygfc-img {
	width: 100%;
	min-height: 17.75rem;
}

.shzr-row {
	background-color: #fff;
	padding-bottom: 0 !important;
	margin: 0;
	box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 1);
}

.shzr-title {
	font-size: 1.125rem;
	color: #333;
}

.shzr-content {
	font-size: 0.875rem;
	color: #666;
	line-height: 1.625rem;
}

.shzr-col {
	padding-left: 1.25rem;
	padding-right: 0;
	max-width: 100%;
}

.shzr-img {
	width: 100%;
	padding-left: 1.25rem;
	padding-right: 0;
	min-height: 26.25rem;
}

.league {
	min-height: 28.125rem;
}

.league>.row {
	padding-bottom: 0.625rem;
}

.league-col-hover {
	height: 100%;
	width: max-content;
	width: -moz-max-content;
	cursor: pointer;
}

.league-col-hover:hover {
	box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 1);
}

.league-col-hover:hover .league-col6-title {
	color: #EB711A;
}

.league-col4-content {
	position: relative;
	width: 367px;
}

.league-col4-title {
	position: absolute;
	bottom: 0;
	color: #fff;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
	font-size: 1rem;
	height: 50%;
	width: 367px;
	cursor: pointer;
}

.league-col4-span {
	position: absolute;
	bottom: 13px;
	left: 31px;
	right: 31px;
}

.league-content {
	float: left;
	width: 382.5px;
	height: 100%;
	font-size: 0.875rem;
	color: #999;
	padding: 2.875rem 2rem 0 2.25rem;
	background-color: #fff;
	text-align: justify;
	box-shadow: 0px 0px 10px 0px #CCCCCC;
}

.league-col6-title {
	color: #333;
	font-size: 1rem;
}

.league-col6-content {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 2.8rem;
}

.league-col8 {
	padding-left: 7.5px;
	padding-right: 22px;
}

.league-col8-2 {
	padding-right: 13px;
}

.history-col {
	padding: 0;
	box-shadow: 0px 0px 10px 0px #CCCCCC;
}

.history-content {
	padding: 1.875rem 1.875rem 0.875rem 1.875rem;
	font-size: 0.875rem;
	color: #999;
	height: 11.75rem;
}

.history-title {
	font-size: 1rem;
	color: #333;
	display: flex;
	align-items: center;
	margin-bottom: 1.25rem;
}

.history-title-icon{
	width: 0.9375rem;
	margin-right: 0.5rem;
}

.m-league-content {
	height: 102px;
	position: relative;
	margin-bottom: 15px;
}

.m-league-img {
	width: 40.5%;
	position: absolute;
}

.m-league-imgs {
	right: 0;
}

.m-league-title {
	background-color: #fff;
	width: 90.5%;
	height: 100%;
	float: right;
	box-shadow: 0px 0px 7px 0px rgba(153, 153, 153, 0.35);
}

.m-league-titles {
	float: left;
}

.m-league-text {
	width: 55.5%;
	float: right;
	margin: 1.75rem 1rem 0 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 2.8rem;
	color: #333;
}

.m-league-texts {
	float: left;
}

/* 手机端 */

@media ( max-width: 991px) {
	.xxzs-col ,.history-col{
		margin-bottom: 1.25rem;
		box-shadow: 0px 0px 3px 0px rgba(153, 153, 153, 0.35);
	}
}

.m-spwh-img {
	width: 100%;
}

.m-ygfc-flex {
	margin-bottom: 1.5625rem;
	background-color: #f5f5f5;
}

.m-ygfc-flex .m-ygfc-title {
	color: #333333;
	font-size: 1rem;
	margin-bottom: 0;
}

.m-ygfc-flex .m-ygfc-content {
	color: #999;
	font-size: 0.9375rem;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-align: justify;
}

.m-shzr-title {
	font-size: 1rem;
	color: #333;
	margin: 0.9375rem 0 0 0;
}

.m-shzr-content {
	font-size: 0.9375rem;
	color: #999;
	text-align: justify;
}