.main_con {
	padding: 0 24rpx;
	padding-bottom: 250rpx;
	margin-top: 80rpx;
	position: relative;
}

.head {
	background: #FAFAFA !important;
	position: sticky;
	/* #ifdef H5 */
	top: 80rpx;
	/* #endif */
	/* #ifndef H5 */
	top: 0;
	/* #endif */
	
}

.main_con .title {
	padding-top: 36rpx;
	padding-bottom: 28rpx;
	font-size: 36rpx;
	font-weight: 500;
	color: #0F1828;
}

.main {
	background-color: #fff;
	border-radius: 15rpx;
	padding: 0 24rpx;
	margin-top: 50rpx;
	box-shadow: 0 20rpx 20rpx 20rpx #ECEFF2;
}

.flex {
	display: flex;
	justify-content: space-between;
}

.title_item {
	padding-top: 32rpx;
	padding-bottom: 20rpx;
	border-bottom: 2rpx solid #F4F7FE;
	color: #7D87A6;
	font-size: 26rpx;
}

.title_item .imgcon {}

.green {
	background-color: #6FCF97;
}

.red {
	background-color: #EB5757;
}

.main .item {
	border-bottom: 2rpx solid #F4F7FE;
	padding: 34rpx 0;
	line-height: 58rpx;
}

.main .item .text2 {
	color: #0F1828;
	font-size: 24rpx;
	font-weight: 500;
	text-align: center;
}

.main .item .text2 .t1 {
	color: #7D87A6;
	font-size: 28rpx;
}

.main .item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8rpx;
	color: #fff;
	font-size: 24rpx;
	height: 58rpx;
	width: 160rpx;
}

.main .item .btn .img1 {
	width: 48rpx;
	height: 48rpx;
}

.Colorimg {
	display: block;
	width: 24rpx;
	height: 24rpx;
}

.title_item .imgcon {
	margin-left: 14rpx;
}

.scroll {
	max-height: 1160rpx;
	overflow: scroll;
}