.stit{
	margin-bottom: 20px;
}
 .stit ul{
	padding: 20px;
	background-color: #fff;
	border-radius: 6px;
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}
.stit li{
	background-color: #F7F7F7;
	border-radius: 2px;
	overflow: hidden;
}
.stit li.avtive a{
	background-color: var(--active);
	color:#fff;
}
.stit a{
	display: block;
	padding: 6px 20px;
	color:var(--gray);
	font-size: 14px;
}
/* 肿瘤百科 */
.bktit{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--gray-low);
}
.books ul{
	display: flex;
	flex-wrap: wrap;
}
.books ul li{
	width: calc((100% - 60px) / 4);
	margin: 0 0 20px 20px;
}
.books ul li:nth-child(4n+1){
	margin-left: 0;
}
.books ul li img{
	width: 100%;
	height: 240px;
	border-radius: 10px;
	object-fit: cover;
}
.books ul li p:nth-child(2){
	padding: 2px;
	background-color: var(--active);
	color:#fff;
	display: table;
	margin: 10px 0;
	font-size: 14px;
	padding: 2px 8px;
	border-radius: 4px;
}
.books ul li p:nth-child(3){
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zkrmain{
	padding: 20px;
	border-radius: 6px;
	background-color: #fff;
}
.zkrmain ul p{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
.zkrmain ul a{
	display: inline-block;
	border-radius: 2px;
	padding: 6px 16px;
	background-color:#F7F7F7;
	color:var(--gray);
	font-size: 14px;
	margin-top: 10px;
	margin-right: 10px;
}
.zkrmain ul a:hover{
	color:#fff;
	 background-color: var(--active);
}
 .zkrmain ul a.active{
	 color:#fff;
	 background-color: var(--active);
 }

@media (max-width:768px) {
	 .stit ul{
		 gap:10px;
	 }
	 .mainl{
		 padding: 15px;
	 }
	 .bktit{
		 padding-bottom: 10px;
		 margin-bottom: 10px;
	 }
	 .books ul li{
		 width: calc((100% - 15px) / 2);
		 margin: 0 0 15px 15px!important;
	 }
	 .books ul li:nth-child(2n+1){
		 margin-left: 0!important;
	 }
	 .books ul li img{
		 height: 50vw;
	 }
	 .books ul li p:nth-child(2){
		 font-size: 12px;
		 margin: 5px 0;
	 }
	 .pagi{
		 margin: 15px 0;
	 }
	 .zkrmain{
		 margin-bottom: 15px;
	 }
}