@charset "utf-8";
/* 主体内容 - start */
.centerCon>.flexCon>.flex-left{
	width: 50%;
	height: 388px;
}
.centerCon>.flexCon>.flex-right{
	width: 48%;
}
.centerCon>.flexCon .left-top-img{
	height: 389px;
	position: relative;
}
.centerCon>.flexCon .left-bottom-img>img{
	width: 50%;
	height: 100%;
	float: left;
	object-fit: inherit;
}
.centerCon>.flexCon .left-top-img>img{
	width: 100%;
	height: 100%;
	object-fit: inherit;
}
.centerCon>.flexCon .left-top-img>.text{
	max-height: 30px;
	line-height: 30px;
	position: absolute;
	padding-left: 20px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	color: #ffffff;
	font-family: "Sim Sun";
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.centerCon>.flexCon .left-bottom-img{
	margin-top: 30px;
	max-height: 92px;
	position: relative;
}
.centerCon>.flexCon .flex-right>.bottomImg{
	margin-top: 32px;
	max-height: 92px;
	position: relative;
}
.centerCon>.flexCon .flex-right>.bottomImg>img{
	width: 100%;
	height: 100%;
	object-fit: inherit;
}
.centerCon>.flexCon .left-bottom-img>.text{
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 32px;
	color: #dc3826;
	font-weight: bold;
	font-family: "Singkai CS EG";
	top: calc(50% - 20px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.centerCon>.flexCon .flex-right>.bottomImg>.rightpic{
	width: 100%;
	display: flex;
}
.centerCon>.flexCon .flex-right>.bottomImg>.rightpic>div{
	width: 50%;
	overflow: hidden;
	border-radius: 0px;
	margin-righr: 0px;
}

.centerCon>.flexCon .flex-right>.tabs{
	display: flex;
	height: 40px;
	line-height: 40px;
	background-color: #fae8e6;
	border-bottom: 0.5px solid #cd2424;
}
.centerCon>.flexCon .flex-right>.tabs>.tab{
	width: 25%;
	text-align: center;
	font-size: 20px;
	color: #cd2424;
	font-family: "Microsoft Ya Hei";
	cursor: pointer;
	/* 占位1像素，保证hover增加1px的左边框的闪烁问题 */
	border-left: 1px solid transparent;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.centerCon>.flexCon .flex-right>.tabs>.tab:hover:not(:first-child),.centerCon>.flexCon .flex-right>.tabs>.tab:active:not(:first-child){
	border-left: 1px solid #FFF;
}
.centerCon>.flexCon .flex-right>.tabs>.tab:hover,.centerCon>.flexCon .flex-right>.tabs>.tab:active{
	background-color: #cd2424;
	color:#ffffff;
}
.centerCon>.flexCon .flex-right>.tabs>.tab.active{
	background-color: #cd2424;
	color:#ffffff;
	height: 100%;
}
.centerCon>.flexCon .flex-right .tabCon{
	display: none;
}
.centerCon>.flexCon .flex-right .tabCon:first-child{
	display: block;
}
.centerCon>.flexCon .flex-right .tabCon,.centerCon>.flexCon .flex-right .tabCon>li,.otherCon>.activity>.btns{
	margin-top: 17.7px;
}
.centerCon>.flexCon .flex-right .tabCon .title{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 92%;
}
.centerCon>.flexCon .flex-right .tabCon .title a{
	display: inline;
}
.centerCon>.flexCon .flex-right .tabCon .title span{
	color: #02559E;
}
.centerCon>.flexCon .flex-right .tabCon .time{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 8%;
	color:#17579f;
}
.otherCon{
	margin-top: 40px;
	margin-bottom: 58px;
}
.otherCon>.branch{
	margin-left: 2%;
}
.otherCon>.branch{
	width: 48%;
}
.otherCon>.activity>.activityLi>li,.otherCon>.branch>.branchLi>li{
	margin-top: 20.7px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 25px;
}
.otherCon>.activity>.activityLi>li:last-child,.otherCon>.branch>.branchLi>li:last-child{
	margin-bottom: 20.7px;
}
.otherCon>.activity,.otherCon>.enrolling{
	width: 50%;
}
.otherCon>.activity>.head,.otherCon>.branch>.head{
	font-size: 20px;
	height: 40px;
	color: #cd2424;
	font-weight: 700;
	font-family: "FZLTZHUNHK";
	border-top: 1px solid #cd2424;
	border-left: 1px solid #cd2424;
	border-right: 1px solid #cd2424;
	padding: 0 25px;
}
.otherCon>.activity>.head>.btn,.otherCon>.branch>.head>.btn{
	font-size: 26px;
	cursor: pointer;
	width: auto;
	color: #cd2424;
}
.otherCon>.activity>.head>.btn:hover,.otherCon>.branch>.head>.btn:hover,.otherCon>.activity>.head>.btn:active,.otherCon>.branch>.head>.btn:active{
	color: #0275da;
}
.otherCon>.activity>.activityLi,.otherCon>.branch>.branchLi{
	border: 1px solid #cd2424;
}
.otherCon>.activity>.activityLi a,.otherCon>.branch>.branchLi a{
	display: inline;
}
.otherCon>.activity>.activityLi span, .otherCon>.branch>.branchLi span{
	color: #cd2424;
}
.otherCon>.branch>.bottomImg{
	width: 100%;
	display: flex;
	align-items: center;
	height: 78px;
	margin-top: 5.5px;
	justify-content: center;
	border: 1px solid #7fa9c8;
	overflow: hidden;
	white-space: nowrap;
	background-color: #e0f1ff;
}
.otherCon>.branch>.bottomImg>.desc>div:nth-child(1){
	font-size: 12px;
	color: #666666;
	font-family: "Microsoft Ya Hei";
	text-align: center;
}
.otherCon>.branch>.bottomImg>.desc>div:nth-child(2){
	font-size: 10px;
	color: #ffffff;
	font-family: "Microsoft Ya Hei";
	background-color: #2a6fa4;
	padding: 3px;
	margin-top: 3px;
}
.otherCon>.branch>.bottomImg>img{
	height: 44px;
	width: 207px;
	object-fit: inherit;
}


.troopsCon{
	margin-bottom: 58px;
}
.troopsCon>.flex-left{
  width: 60px;
  border: 1px solid #cd2424;
  padding: 5px 20px;
}
.troopsCon>.flex-left>.head{
  font-size: 20px;
  color: #cd2424;
  font-family: "Microsoft Ya Hei";
  font-weight:bold;
  width: 30px;
}
.troopsCon>.flex-left>.btn{
  font-size: 26px;
	cursor: pointer;
  font-weight: 700;
  text-align: center;
	font-family: "FZLTZHUNHK";
	color:#cd2424;
}
.troopsCon>.flex-left>.btn:hover,.troopsCon>.flex-left>.btn:active{
	color: #0275da;
}
.troopsCon>.flex-right>.userHead>img{
	object-fit: inherit;
	width: 160px;
	height: 200px;
}
.troopsCon>.flex-right>.userHead>p{
	text-align: center;
}
.troopsCon>.flex-right{
	width: calc(100% - 60px);
  border-right: 1px solid #cd2424;
  border-top: 1px solid #cd2424;
  border-bottom: 1px solid #cd2424;
	padding: 30px 40px;
	overflow-x: auto;
}
.troopsCon>.flex-right>.userHead{
	margin-right: 60px;
}
.troopsCon>.flex-right>.userHead:last-child{
	margin-right: 0;
}


/* 主体内容 - end */
@media (max-width: 1439px) {
}

@media (max-width: 1199px) {
	/* 主体内容 - start */
	.troopsCon>.flex-right{
		flex-wrap: wrap;
	}
	.troopsCon>.flex-right>.userHead{
		text-align: center;
		width: calc(33.33% - 10px);
	}
	.troopsCon>.flex-right>.userHead>p{
		margin-bottom: 10px;
	}
	/* 主体内容 - end */
}
@media (max-width: 991px) {
	/* 主体内容 - start */
	.centerCon>.flexCon,.otherCon{
		flex-wrap: wrap;
	}
	.centerCon>.flexCon>.flex-left,.centerCon>.flexCon>.flex-right{
		width: 100%;
	}
	.centerCon>.flexCon>.flex-right,.otherCon>.enrolling{
		margin-top: 40px;
	}

	.troopsCon>.flex-right{
		flex-wrap: wrap;
	}
	.troopsCon>.flex-right>.userHead{
		text-align: center;
		width: calc(33.33% - 10px);
	}
	.troopsCon>.flex-right>.userHead>p{
		margin-bottom: 10px;
	}
	.troopsCon>.flex-right{
		padding: 15px;
	}
	.troopsCon>.flex-right>.userHead{
		margin-right: 0;
	}
	/* 主体内容 - end */
}
@media (max-width: 767px) {	
	.centerCon>.flexCon .flex-right>.bottomImg img{
		height: auto;
		width: 100%;
	}
	.centerCon>.flexCon .left-top-img>img, .centerCon>.flexCon .left-bottom-img>img{
		height: 100%;
	}
	.centerCon>.flexCon .left-top-img{
		height: 100%;
	}
	.centerCon>.flexCon .flex-right .tabCon .time{
		width: 60px;
		flex-shrink: 0;
	}
	.centerCon>.flexCon>.flex-left{
		height: auto;
	}
	.swiper-container{
		height: auto;
	}
	.titleCon>.classify{
		margin-bottom: 20px;
	}
	.centerCon>.flexCon .flex-right>.tabs>.tab{
		font-size: 16px;
	}
}
@media (max-width: 600px) {
	/* 主体内容 - start */
	.otherCon>.activity, .otherCon>.branch, .otherCon>.enrolling{
		width: 100%;
		margin: 0;
	}
	.otherCon>.branch{
		margin-top: 40px;
	}

	.troopsCon>.flex-right>.userHead{
		text-align: center;
		width: 90px;
		margin-right: 10px;
	}
	.troopsCon>.flex-right>.userHead>img{
		width: 100%;
		height: auto;
	}
	/* 主体内容 - end */
}