.app{
		height: 100vh;
		background-color: #F7F5F5;
			padding-top: 20rpx;
		overflow: scroll;
		::v-deep .u-tabs-scroll-flex {
			background: #F7F5F5;
			width: 60%;
		}
		
		::v-deep .u-scroll-view {
			background: #F7F5F5 !important;
		
		}
		.record {
			width: 95%;
			height: 332rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 5rpx;
			margin: 0 auto;
			position: relative;
			font-family: Source Han Sans CN;
			margin-bottom: 15rpx;
		
			.top {
				position: absolute;
				background: red;
				width: 90%;
				left: 5%;
				top: 7%;
				span:nth-child(1) {
					font-size: 32rpx;
					font-weight: 600;
					color: #000000;
					position: absolute;
				}
				span:nth-child(2) {
					font-weight: 500;
					font-size: 28rpx;
					font-weight: 600;
					color: #26A888;
					position: absolute;
					right: 0%;
				}
		
			}
		
			.recorddata {
				width: 95%;
				position: relative;
				top: 26%;
				left: 50%;
				transform: translateX(-50%);
				border-bottom: 1rpx solid #E6E6E6;
				padding-left: 3%;
		
				.recordbottom {
					margin-bottom: 30rpx !important;
				}
		
				.recorditem {
					width: 100%;
					font-size: 28rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #868585;
					margin-bottom: 34rpx;
		
					span {
						margin-left: 20rpx;
					}
				}
			}
		
			.evaluate {
				.evaluatedata {
					position: absolute;
					width: 169rpx;
					height: 61rpx;
					background: #26A888;
					border-radius: 5rpx;
					text-align: center;
					font-size: 28rpx;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 61rpx;
					bottom: 8%;
					right: 4%;
				}
				span:nth-child(1) {
					display: inline-block;
					position: absolute;
					height: 22rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #868585;
					left: 5%;
					bottom: 16%;
				}
		
				span:nth-child(2) {
					display: inline-block;
					position: absolute;
					height: 22rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #868585;
					left: 25%;
					bottom: 16%;
				}
	
				span:nth-child(3) {
					display: inline-block;
					position: absolute;
					left: 49%;
					bottom: 11%;
					font-size: 28rpx;
					font-weight: 400;
					color: #868585;
					// left: 25%;
				}
			}
		}
		
		
	}