.edit-box { background: #fafafa; box-sizing: border-box; min-height: 100vh; padding: 20rpx; } .edit-box .del { height: 70rpx; line-height: 70rpx; margin: 20px; padding: 20px; } .add-form { background: #fff; border: 1px solid #f2f2f2; border-radius: 20rpx; font-size: 28rpx; padding: 20px; } .placeholder { color: #ccc; } .add-form .item { align-items: center; border-bottom: 1px solid #f2f2f2; display: flex; padding: 44rpx 0; position: relative; } .add-form .item .name { width: 150rpx; } .add-form .item .content,.add-form .item .name { align-items: center; display: inline-flex; } .add-form .item .content { flex: 1; height: 70rpx; } .add-form .item input { width: 100%; } .add-form .item .right { position: absolute; right: 0; top: 49rpx; } .add-form .item .right image { height: 40rpx; transform: rotateZ(-90deg); width: 40rpx; } .add-form .checkbox { color: #999; font-size: 28rpx; margin: 20rpx 0; padding: 20rpx 0; text-align: left; } .add-form .btn { background-color: #4cadf1; border-radius: 90rpx; color: #fff; font-size: 44rpx; line-height: 90rpx; margin: 0 auto; text-align: center; width: 372rpx; } checkbox { transform: scale(.7); } .add-form .btn.submit { opacity: .5; } .edit-box .del { background: #fff; border: 1px solid #f2f2f2; border-radius: 20rpx; color: #333; font-size: 32rpx; margin: 20px auto; padding: 20rpx; text-align: center; width: 200rpx; } .edit-box .del image { display: inline-block; height: 30rpx; margin-right: 10rpx; position: relative; top: -2rpx; vertical-align: middle; width: 30rpx; } .btn-box { display: flex; justify-content: space-between; margin-top: 30rpx; } .btn-box .btn { align-items: center; background: #f60; border-radius: 10rpx; color: #fff; display: inline-flex; font-size: 34rpx; height: 100rpx; justify-content: center; width: calc(50% - 10rpx); } .btn-box .btn.submit { background: #4cadf1; }