.use-page{
	width: 100%;
	height: 100vh;
	max-height: 1624rpx;
	background: #F7FAFF;
	.use-mian{
		padding-top:8rpx;
		
		.main-con{
			margin-top:30rpx;
			width:100%;
			height: 701rpx;
			background: #FFFFFF;
			.box-title{
				padding: 16rpx 0 16rpx 30rpx;
				display: flex;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				line-height: 45rpx;
				text-align: left;
				font-style: normal;
				.label-icon{
					
					color: #FC4D3E;
				}
				.label-text{
					color: #1E1E1E;
					padding-right:10rpx;
				}
			}
			.box-tarea{
				margin: 0 40rpx;
				
				.box-con{
					
					padding-left:10rpx;
					padding-top:30rpx;
					width: 670rpx;
					height: 380rpx;
					background: #F6F8FE;
					border-radius: 12rpx;
				}
				.contain-length{
					position: absolute;
					padding-right:10rpx;
					right: 50rpx;
					margin-top:-60rpx;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #212121;
					.length-total{
						
						color: #BBBBBB;
					}
				}
			}
		}
		
	}
	.my-n-footer{
		position: fixed;
		bottom:0 ;
		width: 100%;
		height: 126rpx;
		background: #FFFFFF;
		.footer-btn{
			margin: 23rpx 40rpx;
			width: 670rpx;
			height: 88rpx;
			background: linear-gradient( 137deg, #3877F5 0%, #5690FA 100%);
			border-radius: 44rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 88rpx;
			text-align: center;
			font-style: normal;
		}
	}
}