.head { display: flex; align-items: center; width: 100vw; height: 120rpx; padding: 0 20rpx 0 30rpx; box-sizing: border-box; .left { flex: 1; height: 100%; font-size: 24rpx; color: #666666; flex-shrink: 0; text { color: #333333; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; } } .expand { width: 160rpx; display: flex; justify-content: flex-end; flex-shrink: 0; .but { display: flex; align-items: center; justify-content: center; width: 80rpx; height: 80rpx; background: #FFFFFF; border-radius: 8rpx; border: 2rpx solid #CCCCCC; margin-left: 20rpx; color: #666666; } } } .mian { width: 100vw; padding: 20rpx 30rpx; background-color: #FFFFFF; box-sizing: border-box; margin-bottom: 10rpx; .title { position: relative; display: flex; height: 44rpx; line-height: 44rpx; width: 100%; .projecttype, .tradefield { height: 44rpx; line-height: 44rpx; padding: 0 12rpx; border-radius: 4rpx; font-size: 20rpx; color: #FFFFFF; margin-right: 10rpx; flex-shrink: 0; } view { flex: 1; } .detele { position: absolute; right: 0; width: 32rpx; height: 32rpx; color: #999; } } .row { display: flex; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; color: #666666; .left { width: 345rpx; } } .bottom { display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding-top: 20rpx; margin-top: 20rpx; >view { width: 330rpx; .label { height: 34rpx; line-height: 34rpx; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; color: #666666; margin-bottom: 8rpx; } input { width: 330rpx; height: 58rpx; background: #FFFFFF; border-radius: 4rpx; border: 1rpx solid #CCCCCC; font-size: 28rpx; padding-left: 10rpx; padding-right: 10rpx; box-sizing: border-box; } } } }