.orderDetails-body { min-height: 100vh; width: 100vw; // background-color: #f2f2f2; padding: 0 0 50rpx 0; // overflow: hidden; position: relative; .orderDetails-button-qx { width: fit-content; opacity: 1; border: 1rpx solid #a7a7a7; color: #a7a7a7; font-size: 32rpx; border-radius: 50rpx; padding: 20rpx 40rpx; position: relative; left: 0; right: 0; margin: auto; margin-top: 30rpx; } .orderDetails-message { box-sizing: border-box; padding: 20rpx 30rpx; .orderDetails-message-row { color: #000000; font-size: 28rpx; margin-bottom: 10rpx; &:nth-child(1) { color: #999999; font-size: 28rpx; } &:nth-child(2) { color: #999999; font-size: 28rpx; } &:nth-child(5) { color: #f83d3d; font-size: 28rpx; } } } .orderDetails-product { box-sizing: border-box; padding: 20rpx 30rpx; .orderDetails-product-right { margin-left: 20rpx; .gg { color: #999999; font-size: 24rpx; } .name { font-size: 28rpx; color: #000000; } } .orderDetails-product-img { width: 212rpx; height: 220rpx; border-radius: 0rpx 0rpx 0rpx 0rpx; opacity: 1; // background-color: #000000; } } .orderDetails-header { .orderTime { font-size: 28rpx; color: #666666; } .orderType { font-size: 40rpx; color: #333333; font-weight: 600; } box-sizing: border-box; width: 100%; padding: 50rpx 30rpx; background: #ffffff; border-radius: 0rpx 0rpx 0rpx 0rpx; opacity: 1; // margin: 10rpx 0; border-top: solid 10rpx #f2f2f2; border-bottom: solid 10rpx #f2f2f2; } .orderDetails-center { .orderDetails-center-site { padding: 20rpx 30rpx; border-bottom: solid 1rpx #d7d7d7; .address { color: #666666; font-size: 26rpx; } .siteName { font-size: 30rpx; color: #333333; } .juli { font-size: 26rpx; color: #000000; } } background-color: #ffffff; .orderDetails-center-header { font-size: 30rpx; color: #333333; padding: 20rpx 30rpx; border-bottom: solid 1rpx #d7d7d7; } } } .refundment-body { background-color: #ffffff; min-height: 70vh; width: 100vw; box-sizing: border-box; padding: 50rpx; border-radius: 20rpx 20rpx 0 0; display: flex; flex-direction: column; .refundment-form { width: 100%; display: flex; flex-direction: column; height: 100%; flex: 1; .refundment-form-row { margin-bottom: 50rpx; } .refundment-form-button { font-size: 34rpx; color: #ffffff; background: linear-gradient(90deg, #f83d3d 0%, #fd7878 100%); border-radius: 50rpx; padding: 20rpx; } } } .select-body { border-radius: 20rpx 20rpx 0 0; background-color: #ffffff; padding: 40rpx 0; .select-button { font-size: 34rpx; color: #ffffff; background: linear-gradient(90deg, #f83d3d 0%, #fd7878 100%); border-radius: 50rpx; padding: 20rpx; margin-top: 100rpx; margin: 100rpx 30rpx 0 30rpx; } .select-item { padding: 30rpx; // &:first-child{ // padding-top: 0; // padding-bottom: 50rpx; // border-bottom: solid 1rpx #D7D7D7; // } } .select-title { margin-bottom: 100rpx; padding: 0 30rpx; } }