page {
	height: 100vh;
	overflow: hidden;
}

.nav {
	display: flex;
	justify-content: space-between;
	height: 90rpx;
	background-color: #fff;

	.item {
		display: flex;
		align-items: center;
		line-height: 90rpx;
		font-size: 28rpx;
		color: #414141;
		padding: 0 30rpx;

		text {
			font-size: 26rpx;
			margin-right: 8rpx;
		}
	}
}

.showdata {
	display: flex;
	background-color: #fff;
	border-radius: 18rpx;
	flex-wrap: wrap;
	margin-top: 20rpx;
	overflow: hidden;

	.item:first-child {
		width: 100%;
		padding-top: 20rpx;

		.name {
			font-size: 28rpx;
		}

		.value {
			font-size: 46rpx;
			font-weight: bold;
		}
	}

	.item {
		width: 250rpx;
		text-align: center;

		.name {
			font-size: 26rpx;
		}

		.value {
			font-size: 38rpx;
			font-weight: bold;
			margin-top: 10rpx;
			padding: 0 10rpx 20rpx;
		}
	}
}

.table {
	padding-top: 10rpx;
	background-color: #fff;
	margin-top: 8rpx;
	box-sizing: border-box;
	// text-align: center;

	.table-head {
		position: sticky;
		top: 0px;
		display: flex;
		color: rgb(129, 129, 129);
		line-height: 80rpx;
		font-size: 26rpx;
		z-index: 9;

		view {
			flex-shrink: 0;
			background-color: #F2F2F2;
			padding: 0 10rpx;
			box-sizing: border-box;
		}
	}

	.line {
		font-size: 26rpx;
		color: rgb(129, 129, 129);
		line-height: 60rpx;
		display: flex;

		.line-1 {
			flex-shrink: 0;
			padding: 0 10rpx;
			box-sizing: border-box;
			background-color: #fff;
		}
	}

	.line view:first-child {
		color: #13C0C0;
		text-decoration: underline;
	}

	.table-head view:first-child,
	.line view:first-child {
		position: sticky;
		left: 0;
		z-index: 7;
	}
}