.navigiter{
	width: 1100px;
	margin: 90px auto 0;
	height: 35px;
	position: relative;
	z-index: 1;
}
.navigiter .navItem{
	height: 35px;
	line-height: 35px;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	width: 110px;
	border-radius: 0 17.5px 17.5px 0;
	color: #747474;
	background-color: #fff;
	display: inline-block;
	z-index: 2;
	position: absolute;
	left: 71px;
	padding-left: 17.5px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	transition: all .5s
}
.navigiter .navItem:first-child{
	z-index: 3;
	left: 0;
	width: 88px;
	padding: 0;
}
.navigiter .navItem:last-child{
	background-color: #608ce3;
	color: #fff;
	z-index: 1;
	left: 70px;
	width: auto;
	padding: 0 30px 0 35px
}
.navigiter .navItem .navIcon{
	vertical-align: middle;
	margin-right: 3px;
	margin-top: -3px
}
header{
    margin-bottom: 30px;
}
.info-main {
    padding: 0 0 30px 0;
}

.content {
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
    border: none;
    box-sizing: border-box;
}
.content h2,
.content h3,
.content h4 {
    font: 18px PingFangSC-Medium;
    color: #323232;
    margin: 0 0 14px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content h2 .title:hover{
	color: #5177bc;
}
.content h3 .title:hover{
	color: #5177bc;
}
.content h2 a,
.content h3 a{
	display: inline-block;
	vertical-align: middle;
}
.content .content-left .columnName{
	height: 28px;
	font-size: 14px;
	line-height: 26px;
	border: 1px solid #5177bc;
	color: #5177bc;
	box-sizing: border-box;
	padding: 0 12px;
	border-radius: 2px;
}
.content .content-left .columnName:hover{
	color: #fff;
	background-color: #5177bc;
}
.content p {
    font: 14px PingFangSC-Light;
    color: #515151;
    line-height: 24px;
}
.content .content-left{
	width: 760px;
	box-sizing: border-box;
	margin-right: 40px;
}
.content .content-left .guess{
	margin: 20px 0 40px;
	font: 20px PingFangSC-Semibold;
}
.content .content-left .banner{
	width: 760px;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.content-left .banner .banner-item{
	width: 240px;
	height: 164px;
	margin: 0 0 10px 10px;
	position: relative;
	display: block;
	cursor: pointer;
}
.content-left .banner .banner-item img{
	width: 100%;
	height: 100%;
}
.content-left .banner .banner-item h3{
	font-family: PingFangSC-Medium;
	position: absolute;
	bottom: 0px;
	color: #fff;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	padding-left:10px;
	font-size: 16px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 40px;
	background-color: rgba(0, 0, 0, .6);
	margin: 0;
}
.content-left .banner .item-main{
	width: 510px;
	height: 338px;
	margin: 0;
}
.content-left .banner .item-main h3{
	font-size: 20px;
	height: 70px; 
	line-height: 70px;
}
.content-left .columns{
	width: 100%;
	border-top: 1px solid #5177bc;
	margin-bottom: 20px;
	display: flex;
}
.content-left .columns .column-item{
	background-color: #f4f5f7;
	/* width: 108.57px; */
	flex: 1;
	height: 48px;
	line-height: 48px;
	text-align: center;
}
.content-left .columns .column-item:hover{
	color: #fff;
	background-color: #5177bc;
}
.content-left .item{
	display: block;
	margin-bottom: 20px;
}
.content-left .item .info{
	width: 448px;
	height: 180px;
	/* display: flex;
	align-items: center; */
	margin-left: 16px;
	position: relative;
}
.content-left .item .info .desc,
.content-right .hotItem .info .desc{
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display : -webkit-box; 
	display : -moz-box; 
	display : -ms-flexbox;
	display : -o-box;
	display : box;  
	-webkit-box-orient: vertical;  
	-moz-box-orient: vertical;  
	-ms-flex-direction: column;  
	-o-box-orient: vertical;  
	box-orient: vertical;
    -webkit-line-clamp: 3;
}
.content-left .item .info .time{
	color: #7a7a7a;
	position: absolute;
	bottom: 42px;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    left: 0;
}
.content-left .item .info .tagBox{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.content-left .tagBox .tag{
	font: 14px PingFangSC-Regular;
	display: block;
	padding: 0 18px;
	height: 26px;
	line-height: 26px;
	border-radius: 15px;
	border: 1px solid #e2e2e2;
	margin: 0 9px 0 0;
	max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.content-left .tagBox .tag:hover{
	color: #fff;
	background-color: #5177bc;
	border: 1px solid #5177bc;
}
.content .content-right{
	width: 300px;
	box-sizing: border-box;
}
.content .content-right .h1{
	font: 20px PingFangSC-Medium;
	line-height: 24px;
	height: 24px;
	color: #323232;
	border-left: 3px solid #6592dd;
	padding-left: 10px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font-weight: 400;
}
.content-right .tagBox{
	width: 100%;
	margin-bottom: 30px;
}
.content-right .tagBox .tag{
	display: block;
	padding: 0 18px;
	height: 26px;
	line-height: 26px;
	border-radius: 15px;
	border: 1px solid #e2e2e2;
	margin:0 8px 10px 0;
}
.content-right .tagBox .tag:hover{
	color: #fff;
	background-color: #5177bc;
	border: 1px solid #5177bc;
}
.content-right .hotItem{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.content-right .hotItem .title{
	font: 14px PingFangSC-Medium;
    margin: 0 0 10px 0;
    overflow: hidden;
  	text-overflow: ellipsis;
  	display : -webkit-box; 
	display : -moz-box; 
	display : -ms-flexbox;
	display : -o-box;
	display : box;  
	-webkit-box-orient: vertical;  
	-moz-box-orient: vertical;  
	-ms-flex-direction: column;  
	-o-box-orient: vertical;  
	box-orient: vertical;
    -webkit-line-clamp: 2;
}
.content-right .hotItem .info{ 
	width: 190px;
	height: 60px;
	/* display: flex;
	align-items: center; */
	margin-left: 10px;
	position: relative;
}
.content-right .hotItem .info .time{
	color: #515151;
	position: absolute;
	bottom: 0;
	font-size: 14px;
	left: 0;
}