.placeOrder_container { width: 100vw; height: 100vh; background-color: #f1f8fd; margin: 0 !important; padding: 0 !important; overflow: hidden !important; font-size: 28rpx; font-family: PingFang SC-Bold, PingFang SC; .blue { color: #476ffa; } .placeOrder_footer { width: 100%; .placeOrder_footer_button { width: 100%; height: 106rpx; background: #121836; border-radius: 15rpx 15rpx 15rpx 15rpx; opacity: 1; margin: 0 auto; color: #ffffff; box-sizing: border-box; font-size: 34rpx; } } .placeOrder_body { margin-top: 20rpx; background-color: #ffffff; padding: 36rpx 20rpx; box-sizing: border-box; .placeOrder_card { padding: 40rpx 40rpx; box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(0, 0, 0, 0.06); margin-bottom: 40rpx; image { width: 38rpx; height: 38rpx; margin-right: 25rpx; } .account { .account_tip { margin-top: 10rpx; font-size: 22rpx; color: rgba(0, 0, 0, 0.45); text{ color: rgba(71, 111, 250, 1); } } .account_label { color: #333333; font-weight: 600; font-size: 28rpx; } } .placeOrder_card_label { color: #000000; font-size: 30rpx; font-weight: 600; margin-right: 44rpx; } } .placeOrder_body_poriceOoptions { margin: 41rpx 0; margin-bottom: 0; flex-wrap: wrap; justify-content: flex-start; /* 替代space-between布局方式 */ .placeOrder_body_poriceOoptions_item:first-child { margin-left: 0; } .placeOrder_body_poriceOoptions_item:nth-child(3n) { margin-right: 0; } .placeOrder_body_poriceOoptions_item { width: 132rpx; height: 60rpx; border-radius: 6rpx 6rpx 6rpx 6rpx; opacity: 1; border: 1rpx solid #121836; margin-right: calc((100% - (132rpx * 3)) / 2.2); margin-bottom: 44rpx; font-size: 28rpx; color: #121836; box-sizing: border-box; } .select_placeOrder_body_poriceOoptions_item { border: 0 !important; color: #ffffff; background-color: #121836ff; box-sizing: border-box; } } .placeOrder_body_input { border-bottom: solid 1px #ededed; padding-bottom: 27rpx; .placeOrder_body_input_label { color: #000000; font-size: 32rpx; font-weight: 600; margin-right: 44rpx; } } } .placeOrder_header { width: 100%; padding: 61rpx 38rpx; background-color: #ffffff; margin-top: 50rpx; border-radius: 70rpx 70rpx 0rpx 0rpx; box-sizing: border-box; .placeOrder_period { margin: 24rpx 0; .placeOrder_period_right { color: #121836; font-size: 30rpx; font-weight: 600; } .placeOrder_period_left { color: rgba(0, 0, 0, 0.85); font-size: 28rpx; } } .placeOrder_header_name { font-size: 30rpx; color: #000000; font-weight: 600; } } }