.new-manifest{ background: #f4f4f4; height: 100vh; overflow-y:auto; padding: 20rpx 30rpx 150rpx; .tit{ height: 90rpx; line-height: 90rpx; font-size: 28rpx; color: #666; font-weight: 600; } .from{ background: #fff; border-radius: 8rpx; box-shadow: 0 0 10rpx #eee; padding: 0 30rpx; box-sizing: border-box; .label{ display: flex; height:80rpx; line-height:80rpx; border-bottom: 1rpx solid #eee; vertical-align: top; .left{ width:160rpx; font-size:28rpx; color: #333; line-height:80rpx; height:80rpx; .required{ color: #f00; display: inline-block; width: 20rpx; text-align: center; line-height: 80rpx; } } .right{ flex: 1; text-align: right; font-size:28rpx; color: #666; line-height:80rpx; height:80rpx; input{ display: block; height: 80rpx; line-height:80rpx; } } } } .bottom-btn{ width:100%; padding: 20rpx 10rpx; position: fixed; bottom: 0; left: 0; height: 120rpx; background:#fff; border-top: 1rpx solid #eee; box-shadow: 0 0 10rpx #eee; display: flex; z-index:999; box-sizing: border-box; button{ flex: 1; height: 74rpx; text-align: center; line-height: 74rpx; font-size: 28rpx; margin: 0 20rpx; border:none; color:#fff; border-radius: 40rpx; &.create{ border:1rpx solid #2c96fb; color: #2c96fb; } &.save{ background: #2c96fb; color: #fff; } &.send{ background: #2c96fb; color: #fff; } } } }