schoolwisdoms-student-mp/pages/classOrder/classOrder.wxss

/* 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 */