.navigator { width: 750rpx; background: #FFFFFF; box-sizing: border-box; padding-left: 30rpx; margin-bottom: 20rpx; >view { display: flex; align-items: center; border-bottom: 2rpx solid #ccc; height: 90rpx; width: 100%; box-sizing: border-box; .label { flex-shrink: 0; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; color: #666666; padding-left: 20rpx; width: 290rpx; box-sizing: border-box; } .text { flex: 1; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; color: #333333; } .iconfont { flex-shrink: 0; margin-right: 36rpx; } } } .box { width: 100vw; box-sizing: border-box; background-color: #fff; padding-top: 20rpx; margin-top: 20rpx; .title { font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; color: #333333; padding-left: 30rpx; } .content { width: 690rpx; border-radius: 8rpx; border: 2rpx solid #CCCCCC; margin-top: 20rpx; box-sizing: border-box; padding-bottom: 20rpx; margin-left: 30rpx; margin-bottom: 20rpx; .textarea { width: 625rpx; height: 130rpx; margin: 20rpx 0 20rpx 30rpx; } .upload { display: flex; align-items: center; width: 100%; height: 88rpx; box-sizing: border-box; border-bottom: 2rpx solid #CCCCCC; border-top: 2rpx solid #CCCCCC; background-color: #F4F5F7; navigator { width: 100rpx; height: 80rpx; line-height: 80rpx; text-align: center; padding: 0; background-color: #F4F5F7; } } .title { margin: 20rpx 0 0 0; } } } .footer { display: flex; align-items: center; justify-content: flex-end; position: fixed; width: 750rpx; height: 130rpx; background: #FFFFFF; box-shadow: 0px -4rpx 16rpx 2rpx rgba(150, 157, 165, 0.16); bottom: 0; .but { width: 156rpx; height: 90rpx; background: #3874F6; border-radius: 8rpx; font-size: 28rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; margin-right: 30rpx; } }