.my-n-page{ width: 100%; height: 100vh; min-height: 100vh; background: #F7FAFF; .my-n-contain{ padding-top:26rpx; .contain-box{ width: 750rpx; height: 701rpx; background: #FFFFFF; .box-title{ padding:16rpx 40rpx; height: 45rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #1E1E1E; line-height: 45rpx; text-align: left; font-style: normal; } .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; } } } .contain-mobile{ margin: 30rpx 40rpx; width: 670rpx; height: 110rpx; background: #F6F8FE; border-radius: 12rpx; display: flex; align-items: center; .mobile-label{ padding-left: 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; } } .moblie-val{ flex:1; height: 110rpx; padding-left:28rpx; padding-right:16rpx; // margin-left:16rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #1E1E1E; line-height: 110rpx; text-align: left; font-style: normal; } } } } .my-n-footer{ position: fixed; bottom:0 ; width: 100%; height: 146rpx; 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; } } }