.app {
		height: 100vh;
		background-color: #F7F5F5;
		padding: 15rpx 0 0 0;
		overflow: scroll;

		.top {
			width: 95%;
			height: 163rpx;
			// background: red;
			margin: 0 auto;
			justify-content: space-between;
			display: flex;

			.device {
				font-family: Source Han Sans CN;
				width: 48%;
				height: 163rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
				border-radius: 5rpx;
				position: relative;

				image {
					position: absolute;
					width: 33rpx;
					height: 32rpx;
					left: 5%;
					top: 10%;
				}

				.deviceitem {
					display: inline-block;
					position: absolute;
					left: 18%;
					top: 8%;
					font-size: 28rpx;
					font-weight: 500;
					color: #000000;
					// line-height: 38rpx;

				}

				.itemdata {
					position: absolute;
					font-size: 24rpx;
					font-weight: 400;
					color: #595959;
					top: 49%;
					left: 16%;


				}

			}

		}

		.body {
			position: relative;
			width: 95%;
			font-family: Source Han Sans CN;
			margin: 20rpx auto;
			justify-content: space-between;
			display: flex;
			flex-wrap: wrap;

			.item {
				width: 48%;
				height: 362rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
				border-radius: 5rpx;
				margin-bottom: 20rpx;
				position: relative;

				image {
					width: 140rpx;
					height: 155rpx;
					position: absolute;
					left: 49%;
					top: 50%;
				}

				.itemtitle {
					position: absolute;
					font-size: 28rpx;
					font-weight: 500;
					color: #000000;
					top: 8%;
					left: 6%;

				}
				.itemtext {
					position: absolute;
					font-size: 24rpx;
					font-weight: 400;
					color: #595959;
					top: 32%;
					left: 6%;
				}

				.two {
					top: 22%;
					left: 6%;
				}

			}
		}
	}