.app {
		background-color: #F7F5F5;
		height: 100vh;
		// padding-top: 20rpx;

		.flex {
			width: 100%;
			display: flex;
			justify-content: space-evenly;
			position: absolute;
			bottom: 20%;
			left: 0%;
		}

		.background {
			height: 100%;
			background-color: #fff;
			width: 100%;
			margin: 0 auto;

			.content {
				position: relative;

				image {
					width: 100%;
					padding-left: 7rpx;
					height: 480rpx;
				}

				.item {
					width: 25%;
					height: 54rpx;
					background: #00785C;
					border-radius: 24rpx;
					color: #fff;
					text-align: center;
					border: 2rpx solid #00785C;
					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: 54%;
					transform: translateX(-50%);
					text-overflow: ellipsis;
					white-space: nowrap;
					color:#AD7600;
				}
			}

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