@charset "utf-8";

/* 2024 法律法规政策汇编 */
.compilation-box * {
  box-sizing: border-box;
}
.compilation-box {
  width: 100%;
  position: relative;
  padding: 114px 0 88px;
  background:  no-repeat center top;
  background-size: cover;
}
.compilation-header {
	margin-bottom: 80px;
}
.compilation-header .imgs{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
}
.compilation-header .imgs img{
	max-width: 100%;
	display: block;
	flex: none;
  margin: 0 auto;
}
.compilation-list{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	position: relative;
}
.compilation-list .item{
	position: relative;
}
.compilation-list .item-box{
	width: 100%;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
  text-align:center;
	position: relative;
	padding: 15px 10px;
  border: solid 1px #fff;
	border-radius: 4px;
	background: -webkit-linear-gradient(180deg, #ffffff -3.18%, #dfefff 98.18%);
	background: linear-gradient(180deg, #ffffff -3.18%, #dfefff 98.18%);
  overflow: hidden;
  transition: all .4s;
}
.compilation-list .item-icon{
	flex: none;
	width: 80px;
	height: 80px;
	display: block;
	position: relative;
	margin: 0;
}
.compilation-list .item-icon img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	object-position: center center;
	position: relative;
}
.compilation-list .item-title{
	font-size: 20px;
	line-height: 1.3em;
	color: #354657;
	font-weight: bold;
	flex: 1;
}


@media (min-width: 992px) {
  .compilation-list .item:hover .item-box{
    background: -webkit-linear-gradient(0deg, #ffffff -3.18%, #dfefff 98.18%);
    background: linear-gradient(0deg, #ffffff -3.18%, #dfefff 98.18%);
  }
  body.useoldfixed .compilation-list{
    width: 90%;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991.98px) {
	.compilation-box{
		padding: 1rem 0 0.9rem;
		background-image: ;
	}
  .compilation-box .global-inner{
    padding: 0 0.8rem;
  }
	.compilation-header{
		margin-bottom: .9rem;
	}
	.compilation-list{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0.3rem;
	}
	.compilation-list .item-box{
		height: 2.65rem;
		flex-direction: column;
    border-radius: .2rem;
    border: solid 1px #fff;
    background:-webkit-linear-gradient(180deg,#fff -3.18%,#dfefff 98.18%);
    background:linear-gradient(180deg,#fff -3.18%,#dfefff 98.18%);
	}
	.compilation-list .item-icon{
		width: 1.6rem;
		height: 1.6rem;
		margin: 0;
	}
	.compilation-list .item-title{
		font-size: .32rem;
		text-align: center;
	}
}