/* pointExchange/index.wxss */

.top-bg{
	width: 770rpx;
	height: 404rpx;
	background-position: bottom;
	padding-top: 24px;
	background-size: 100%,100%;
	margin-left: -20rpx;
}
.title-box{
	width: 80%;
	height: 38px;
}
.title-box .left{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	color: white;
	font-size: 30rpx;
	padding-left: 30rpx;
}
.title-box .right{
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	color: white;
	line-height: 38px;
}
.title-box .left image{
	width: 40rpx;
}
.point{
	font-size: 80rpx;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	margin-bottom: 12rpx;
}
.tip{
	font-size: 32rpx;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	margin-bottom: 38rpx;
}
.content{
	background: white;
	width: 100%;
	height: calc(100vh - 355rpx);
	box-sizing: border-box;
	position: absolute;
	top: 355rpx;
	left: 0;
	border-radius: 40rpx 40rpx 0px 0px;
	overflow: auto;
}
.content scroll-view{
	height: 100%;
}

.card{
	box-sizing: border-box;
	background: white;
	padding: 0 51rpx;
	border-radius: 40rpx 40rpx 0px 0px;
}

.item {
	padding: 28rpx 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f0f0f0;
}

.item image {
	width: 71rpx;
	height: 71rpx;
	vertical-align: middle;
	margin-right: 23rpx;
	background: white;
	border-radius: 50%;
}

.item .title {
	font-size: 30rpx;
	text-align: left;
	color: #1a1a1a;
	margin-bottom: 7rpx;
}

.item .time {
	font-size: 26rpx;
	font-weight: 400;
	text-align: left;
	color: #808080;
}

.item .num {
	font-size: 34rpx;
	font-weight: 400;
	color: #ff0000;
}
/* .item .num.green{
	color: #8fcd4d;
} */

.left{
	display: inline-block;
	vertical-align: middle;
}