/* pages/classOrder/classOrder.wxss */ .container{ padding: 0; margin: 0; } page{ background:#f1f1f1; } .order-box{ width: 660rpx; margin: 20rpx auto 40rpx; display: flex; flex-wrap: wrap; background: #FFF; padding: 20rpx; box-shadow: 0 0 15rpx #ccc; } .order-type{ background: #cc6031; color: #FFF; font-size: 24rpx; height: 30rpx; line-height: 30rpx; margin-top: 15rpx; margin-right: 10rpx; padding: 0 10rpx; border-radius: 5rpx; } .order-name{ font-size: 32rpx; line-height: 40rpx; padding-top: 9rpx; width: 300rpx; } .order-nums{ margin-left: auto; height: 60rpx; line-height: 60rpx; } .order-addr{ width: 50%; font-size: 32rpx; height: 60rpx; line-height: 60rpx; } .order-price{ color: #999999; height: 60rpx; line-height:60rpx; margin-left: auto; text-decoration: line-through; } .order-teacher{ height: 60rpx; line-height: 60rpx; color:#999; width: 50%; } .order-payMoney{ margin-left: auto; width: 50%; text-align: right; color: #999; } .order-payMoney text{ color: #cc6031; font-size: 32rpx; } .order-title{ color: #999; height: 60rpx; line-height: 60rpx; } .order-orderNum,.order-payTime{ margin-left: auto; height: 60rpx; line-height: 60rpx; color: #999; } .order-payTime{ width: 500rpx; text-align: right; } /* loading */ .loading { height: 200rpx; line-height: 100rpx; background: #f1f1f1; color: #999; text-align: center; } /* end */