.content { padding: 15rpx; margin-top: 50rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .uni-btn-v { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; border-width: 1rpx; border-bottom: #555555; width: 100%; padding: 15rpx; } .content .app-title { z-index: 99; font-size: 60rpx; color: #FFFFFF; border-bottom: 1rpx solid #FFFFFF; } .divider-line { height: 1px; margin-top: 5px; margin-bottom: 5px; width: 100%; background: #D8D8D8; -webkit-align-self: center; align-self: center; } .body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .content .uni-form-item { margin-bottom: 20rpx; } .title { text-align: left; font-size: 30rpx; color: #FFFFFF; } .uni-input { border: 1rpx solid #FFFFFF; background-color: #FFFFFF; height: 50rpx; padding: 10rpx; border-radius: 10rpx; } .save-btn { display: inline-block; width: 80%; -webkit-align-self: center; align-self: center; height: 80rpx; line-height: 70rpx; background: #007AFF; color: #fff; font-size: 28rpx; border-radius: 40rpx; margin-top: 75rpx; } .body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .uni-form-item { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; padding: 10rpx 0; } .uni-form-item .title { padding: 10rpx 25rpx; } .uni-label { width: 210rpx; word-wrap: break-word; word-break: break-all; text-indent: 20rpx; } .uni-input { height: 50rpx; padding: 15rpx 25rpx; line-height: 50rpx; font-size: 28rpx; background: #FAF8F1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .input-placeholder { color: #6D6D72; font-size: 30rpx; } .uni-btn-v { padding: 10rpx 0; } .uni-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .uni-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .save-btn { display: inline-block; width: 80%; height: 70rpx; line-height: 70rpx; background: #008B8B; color: #fff; font-size: 28rpx; border-radius: 40rpx; margin-top: 75rpx; }