.create-container { display: flex; flex-direction: column; justify-content: flex-start; padding: 20rpx; } .create-title { height: 80rpx; background-color: blanchedalmond; } .info-box { display: flex; flex-direction: column; margin-top: 20rpx; } .info-title { font-size: 36rpx; font-weight: 500; } .info-value { margin-top: 20rpx; border: 1rpx solid #f2f2f2; padding: 24rpx; font-size: 28rpx; background-color: white; } .info-btn { align-self: flex-end; background-color: #FFA900; margin-top: 20rpx; padding: 5rpx 40rpx; color: white; border-radius: 10rpx; } .content-box { margin-top: 20rpx; } .section { border: 1px solid #f4f4f4; border-radius: 5rpx; padding: 15rpx; margin-bottom: 15rpx; background-color: white; } .item { display: flex; align-items: center; margin-bottom: 10rpx; padding: 20rpx 10rpx; font-size: 28rpx; } .label { color: black; } .desc { flex: 1; color: #999; text-align: left; padding-left: 20rpx; display: flex; flex-direction: row; justify-content: space-between; } .desc .icon { width: 32rpx; height: 32rpx; } .value { color: #666; } .language-sel { font-size: 30rpx; flex: 1; text-align: center; } .link { color: #007AFF; } .flex-1 { display: flex; flex-direction: row; flex: 1; } .selection-box { position: relative; flex: 1; } .language-options { position: absolute; top: 100%; left: -20rpx; padding: 10rpx 20rpx; border: 1px solid #f2f2f2; border-top: none; background-color: white; box-shadow: 0rpx 0rpx 10rpx 10rpx #f2f2f2; } .option { padding: 15rpx; cursor: pointer; border-bottom: 1rpx solid #f2f2f2; } .option:hover { background-color: #f0f0f0; } .bottom-box { position: fixed; left: 0; bottom: 0; text-align: center; width: 94vw; line-height: 100rpx; border-radius: 20rpx; margin: 20rpx; background-color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; } .bottom-box .btn { background-color: #37AD46; color: white; text-align: center; height: 40px; width: 94vw; line-height: 40px; border-radius: 20rpx; margin-bottom: 20px; } .bottom-box .money { color: #532A00; font-size: 20px; } .price { color: rgb(250, 0, 0); } .form-box { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; font-size: 14px; width: 100vw; } .form-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 80vw; padding: 10px; } .form-item-title { flex: .3; } .form-item-content { flex: 1; } .project-box { display: flex; flex-direction: column; } .project-item { font-size: 18px; background-color: #f5f5f5; margin: 10px; padding: 10px; text-align: center; }