@charset "utf-8";
.back-img{
	background: url('../../../images/ztzl.files/xxss/pc-banner.png') no-repeat top center;
}
.gao{
	height: 900px;
}
.titles{
	text-align: center;
	margin: 30px 0;
}
.titles img{margin-left: 258px;}
#ltp{width: 57%;}
#foucs h2{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 42px;
    line-height: 42px;
    color: #fafafa;
    text-align: left;
    background: rgba(0, 0, 0, .4);
    font-weight: 400;
    font-size: 16px;
    padding: 0 8px;
    padding: 0 21% 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#foucs .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    cursor: pointer;
    background: #999d9f;
    border-radius: 8px;
    opacity: .8;
}
#foucs .swiper-pagination-bullet-active {
    background: #5cac30;
    opacity: 1;
	width: 22px;
	height: 12px;
}
#foucs .pagination {
    position: absolute;
    left: 79%;
    bottom: 8px;
    z-index: 20;
    text-align: right;
    width: 20%;
    margin: 0;
}
.m-hot .desc {
    line-height: 25px;
    color: #6a815e;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
	font-size: 14px;
}
.resource{
	border-bottom: 1px solid #b0d4a4;
	padding-bottom:15px;
}
.m-lst34 ul li {
    overflow: hidden;
    line-height: 46px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    background: url(/template/images/common.files/point.png) no-repeat left center;
    text-indent: 16px;
    height: 46px;
}
li {
    list-style: none;
}
.m-lst34 ul li span {
    float: right;
}
.m-lst34 ul li a {
    overflow: hidden;
    font-size: 16px;
    color: #333;
    text-overflow: ellipsis;
}
#ltp #foucs img {
    height: 510px;
}
.title{padding: 30px 0 10px 0;}
.title a{line-height: 30px;}
{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* 观赛指南 */
.gszn{margin-top: 50px;}
.gszn-list ul li {
    overflow: hidden;
    line-height: 120px;
    text-overflow: ellipsis;
    font-size: 16px;
}
.gslists{margin: 15px 0;}
.gstitle{line-height: 40px;}
.gstitle a{font-weight: 600;}
.gszn .bor-bot{
	border-bottom:1px solid #8cba78;
	width: 90%;
	margin: 0 60px;
}
.times span{color: #5b9422;font-size: 18px;}
.times{text-align: center;}
.gszn-list ul li:last-child div{border-bottom:none;}
.gszn .bor-bot .bor-bef::before{
	content: '';
	position: absolute;
	left: 0;
	top: 25px;
	width: 1px;
	height: 80px;
	background-color: #8cba78; 
}
.pd-040{padding: 0 40px;}
.jcsj{margin: 60px 0;}
#switch1,#switch2{z-index:999;width:100%;text-align: center;}
#switch1 .swiper-pagination-bullet,#switch2 .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background:#4e7a3e;
	border-radius:20px;
	font-size:10px;
	text-align:center;
	opacity: 0.8;
}
#switch1 .swiper-pagination-bullet-active,#switch2 .swiper-pagination-bullet-active {
	background:#fff;
	width:30px;
	height:12px;
	font-size:10px;
	border-radius:20px;
}
.list-img{
	width: 370px;
	height: 208px;
	border: 5px solid #fdf23f;
}
.list-img img{width: 100%;height: 100%;}
.img-title{
    width: 370px;
    padding: 5px 0;
    line-height: 25px;
    color: #fff;
    background: rgba(0, 0, 0, .1);
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;	
}
@media all and (max-width:1024px) {
	.back-img{
		background: url('../../../images/ztzl.files/xxss/app-banner.png') no-repeat top center;
		background-size: 100%;
		background-color: #74b657;
	}
	#ltp {width: 100% !important;}
	#ltp #foucs img {height: 230px !important;}
	.titles img {margin: 0 45px;width: 100%;}
	.gao{height: 170px;}
	.gszn .bor-bot {
	    border-bottom: 1px solid #8cba78;
	    width: 100%;
	    margin: 0;
	}
	.pd-040 {padding: 0 10px;}
	.gszn-list ul li {line-height: 30px;}
	.gszn {margin-top: 0px;}
	.jcsj {margin:0;}
	.list-img {width: 100%;}
	.img-title {
	    width: 100%;
	    padding: 5px 0;
		margin-bottom: 30px;
	}
}