.main_con {
	padding: 0 24rpx;
	/* padding-bottom: 250rpx; */
	margin-top: 80rpx;
	position: relative;
}
page{
  overflow-y: hidden;
}
.head {
	/* background: #FAFAFA !important; */
	position: sticky;
	/* #ifdef H5 */
	top: 80rpx;
	/* #endif */
	/* #ifndef H5 */
	top: 0;
	/* #endif */
	
}
.padb{
	padding-bottom: 260rpx;
}
.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: #3CCA94;
}

.red {
	background-color: #F62329;
}

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

.main .item .text2 {
	color: #0F1828;
	font-size: 26rpx;
	line-height: 40rpx;
	font-weight: 500;
}
.pairs {
	width: 30%;
	text-align: left;
}
.price {
	width: 40%;
	
	text-align: right;
	padding-right: 5%;
}
.chang {
	width: 30%;
	text-align: center;
}

.main .item .text2 .t1 {
	color: #D4D4D4;
	font-size: 22rpx;
}

.main .item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8rpx;
	color: #fff;
	font-size: 22rpx;
	margin: auto;
	height: 54rpx;
	width: 140rpx;
}

.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;
}