body{

	background-color: #f6f7fa;

}





/* ========== Tab begin ========== */

#tab{

	padding-top: 50px;

	min-height: 125px;

	margin-bottom: 10px;

}

#tab li{

	float: left;

	position: relative;

	min-width: 100px;

	margin-right: 20px;

	margin-bottom: 10px;

}

#tab li a{

	display: inline-block;

	width: 100px;

	height: 30px;

	border: 1px solid #e3e3e3;

	color: #333;

	border-radius: 30px;

	font-size: 17px;

	line-height: 30px;

	text-align: center;

	padding: 0 10px;

}

#tab li .active{

	border: 1px solid var(--main-color);

	color: var(--main-color);

}

#tab li:after{

	content: "";

	display: inline-block;

	width: 0;

	height: 30px;

	transition: .3s;

	background: var(--main-color);

	border-radius: 30px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1;

}

#tab li:hover::after{

	width: 100%;

}

#tab li:hover a{

	color: #fff;

	border: 1px solid var(--main-color);

}

/* ========== Tab end ========== */





/* ========== 列表 end ========== */

#solution-ul{

	height: auto;

	min-height: 1000px;

	margin-bottom: 120px;

}

#solution-ul li{

	height: 200px;

	margin-bottom: 20px;

	border-bottom: 1px solid #ccc;

	position: relative;

}

#solution-ul li::after{

	content: "";

	height: 200px;

	width: 0;

	background-color: rgba(255,255,255,1);

	position: absolute;

	left: 0;

	top: 0;

	transition: .5s;

	z-index: -1;

}

#solution-ul li:hover::after{

	width: 1190px;

}

#solution-ul li:hover{

	border-bottom: none;

}

#solution-ul li a{

	display: inline-block;

	width: 1190px;

	height: 200px;

	padding-top: 30px;

	padding-left: 30px;

}

#solution-ul li .img{

	height: 140px;

	width: 240px;

	float: left;

	overflow: hidden;

	margin-right: 20px;

}

#solution-ul li .img img{

	/* height: 140px; */

	width: 240px;

}

#solution-ul li .content{

	width: 870px;

	height: 140px;

	float: left;

}

#solution-ul li .content .title-module{

	width: 870px;

	height: 36px;

}

#solution-ul li .content .title-module .title{

	font-size: 24px;

	font-family: "microsoft yahei";

	font-weight: bold;

	line-height: 36px;

	height: 36px;

	width: 750px;

	color: #333;

	float: left;

}

#solution-ul li .content .title-module .time{

	width: 120px;

	height: 36px;

	line-height: 36px;

	font-size: 16px;

	color: #333;

	font-family: "microsoft yahei";

	float: right;

}

#solution-ul li .content .desc{

	line-height: 30px;

	height: 60px;

	width: 870px;

	margin-top: 10px;

	font-size: 16px;

	color: #666;

	font-family: "microsoft yahei";

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

#solution-ul li .content .view{

	height: 36px;

}

#solution-ul li .content .view .eye{

	height: 36px;

	padding-top: 9px;

	width: 20px;

	margin-right: 5px;

	float: left;

}

#solution-ul li .content .view .eye img{

	width: 20px;

	height: 12px;

}

#solution-ul li .content .view .eye .no-act{

	display: inline-block;

}

#solution-ul li .content .view .eye .act{

	display: none;

}



#solution-ul li:hover .content .view .eye .act{

	display: inline-block;

}

#solution-ul li:hover .content .view .eye .no-act{

	display: none;

}

#solution-ul li .content .view p{

	height: 36px;

	font-size: 16px;

	line-height: 36px;

	color: #999;

	font-family: "microsoft yahei";

	float: left;

}

/* ========== 列表 end ========== */







/* ========== pagination begin ========== */

.pagination{

	font-family: "microsoft yahei";

}

.pagination a.cur{

	background-color: var(--main-color) !important;

	border-color: var(--main-color) !important;

}

.pagination a:not(.cur):hover{

	color: var(--main-color) !important;

	border-color: var(--main-color) !important;

}

.pagination b{

	color: var(--main-color) !important;

	margin: 0 5px;

}

.pagination p:not(.pageRemark):hover{

	cursor: not-allowed;

}

/* ========== pagination end ========== */