.app {
	background-color: #F7F5F5;
	height:100vh;
	padding-top: 30rpx;
	.background{
		height:100%;
		background-color: #fff;
		width: 95%;
		margin: 0 auto;
		.content {
			position: relative;

			image {
				width: 100%;
				height: 319rpx;
			}

			.Exchangerecords {
				width: 180rpx;
				height: 54rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 60%;
				left: 57%;
				color: #26A888;
				text-align: center;
				line-height: 54rpx;
			}
			.PointsMall {
				width: 180rpx;
				height: 54rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 60%;
				left: 19%;
				color: #26A888;
				text-align: center;
				line-height: 54rpx;
			}

			.name {
				width: 90%;
				height: 100rpx;
				font-size: 30rpx;
				font-weight: 400;
				color: #FFFFFF;
				position: absolute;
				top: 10%;
				left: 5%;
				line-height: 33rpx;

			}
			.number {
				font-size: 56rpx;
				font-weight: 400;
				color: #FFFFFF;
				position: absolute;
			    left: 50%;
			    top: 25%;
				transform: translateX(-50%);
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
		.bottomitem{
			background-color: #FFF;
			margin: 0 auto;
			padding-bottom: 100rpx;
			.item{
				position: relative;
			}
			.Establishingarchives{
				font-size: 30rpx;
				font-weight: 400;
				color: #333333;
				line-height: 38rpx;
				padding: 8px 10px 5px 18px;
			}
			.integraltwo{
				color: red !important;
			}
			.integral{
				position: absolute;
				top: 34%;
				right: 3%;
				color: #26A888;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.timeone{
				font-size: 20rpx;
				font-weight: 400;
				color: #333333;
				line-height: 38rpx;
				padding: 0 10px 10px 18px;
				border-bottom: 1px solid #E6E6E6;
			}
			.PointsRecord {
				font-size: 30rpx;
				font-weight: 400;
				color: #000000;
				line-height: 33rpx;
				padding: 10px 10px 10px 15px;
			}
		}
	}


	}
