@charset "utf-8";
.report-title{
	font-weight: 500;
	font-size: 24px;
	color: #333333;
	border-bottom: 1px solid rgba(153,161,175,0.5);
	line-height: 44px;
	margin-bottom: 30px;
	position: relative;
}
.report-title:before{
	content: '';
	position: absolute;
	width: 52px;
	height: 6px;
	background: linear-gradient( 90deg, #A62E2A 0%, rgba(166,46,42,0) 100%);
	border-radius: 3px;
	left: 0;
	bottom: 10px;
}
.report-title span{position: relative;z-index: 2;}
.report-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:25px;
}
.report-list .box{
	width: calc(50% - 12.5px);
	background: #F4F6F9;
	border-radius: 16px;
	margin-bottom: 25px;
	padding-top: 20px;
}
.report-list .bottom{
	padding: 20px;
	display: flex;
	gap: 16px;
}
.report-list .tit{
	height: 30px;
	display: inline-block;
	padding: 0 20px;
	line-height: 30px;
	font-size: 18px;
	color: #8F5849;
	background: linear-gradient( 85deg, #E4B18E 0%, rgba(255,255,255,0.6) 100%);
	border-radius: 0px 15px 15px 0px;
}
.report-list .bottom img{
	width: 148px;
	flex-shrink: 0;
}
.report-list .reports{
	flex: 1;
}
.report-list .reports ul{
	display: flex;
	flex-flow: column;
	gap: 8px;
}
.report-list .reports li a{
	height: 44px;
	background: #FFFFFF;
	border-radius: 4px;
	display: flex;
	align-items: center;
	padding: 0 30px 0 18px;
	font-size: 14px;
	color: #333333;
	background-image: url(../images/20260324-icon4.png);
	background-repeat: no-repeat;
	background-position:calc(100% - 18px)  center ; 
	background-size: 14px 14px;
}
.report-list .reports li i{
	width: 16px;
	height: 16px;
	margin-right: 12px;
	background-size: 100% 100%;
}
.report-list .reports li.book i{
	background-image: url(../images/20260324-icon1.png);
}
.report-list .reports li.web i{
	background-image: url(../images/20260324-icon2.png);
}
.report-list .reports li.pdf i{
	background-image: url(../images/20260324-icon3.png);
}
.report-history{
	font-size: 18px;
	color: #A62E2A;
	line-height: 18px;
	margin-top: 30px;
	
}
@media only screen and (max-width: 1240px) {
	.report-list .bottom img{
		width: 120px;
		height: 162px;
	}
}