php/www/webapp/o2o/css/myOrder.css

.spa-page-my-order .order-type-control {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.spa-page-my-order .order-type-control .control-item {
  padding: 0;
  line-height: 35px;
  font-size: 0.71rem;
}
.spa-page-my-order .order-desc-line {
  font-size: 0;
}
.spa-page-my-order .order-service-name ,.spa-page-balanceLog .order-service-name{
  margin-right: -50px;
  position: relative;
  padding-left: 41px;
}
.spa-page-my-order .order-append .order-desc-more {
  color: #f37b1d;
}
.spa-page-my-order .order-append-price {
  color: #f37b1d;
  font-size: 12px;
}
.spa-page-my-order .order-service-name .order-desc-title,.spa-page-balanceLog .order-service-name .order-desc-title {
  position: absolute;
  left: 0;
}
.spa-page-my-order .order-service-name .order-desc-more ,.spa-page-balanceLog .order-service-name .order-desc-more {
  margin-left: 0;
}
.spa-page-my-order .order-desc-title,.spa-page-balanceLog .order-desc-title {
  font-size: 13px;
  color: #999;
  display: inline-block;
  vertical-align: top;
}

.spa-page-my-order .order-desc-more,.spa-page-balanceLog .order-desc-more {
  font-size: 12px;
  color: #767A92;
  display: inline-block;
  margin-left: 15px;
  max-width: 285px;
}
.spa-page-my-order .order-precedence-status {
  font-size: 12px;
  color: #ea0d00;
}
.spa-page-my-order .order-status {
  font-size: 12px;
  color: #767a92;
}

.spa-page-my-order .order-status-pay {
  font-size: 12px;
  color: #f37b1d;
}
.spa-page-my-order .table-cell-accessory {
  font-size: 0;
}
.order-btn {

}
.spa-page-my-order .order-btn,.spa-page-balanceLog .order-btn {
  display: inline-block;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  font-size: 0.6rem;
  height: 26px;
  line-height: 26px;
  /*color: white;*/
  text-align: center;
  vertical-align: top;
  border-radius: 0px;
  margin-left: 0.9rem;
}
.spa-page-my-order .order-btn.order-btn-review {
  color: #fff;
  background: #8bc34a;
}
.spa-page-my-order .btn-warning {
  color: #f3781d;
  border: 1px solid #f3781d;
}

.spa-page-my-order .btn-default {
  color: #666;
  border: 1px solid #666;
}

.spa-page-my-order .btn-warning:active {
  background-color: #f39d00;
}
.spa-page-my-order .btn-more-orders {
  width: 30%;
  height: 38px;
  line-height: 38px;
  padding: 0;
}

.spa-page-my-order .list-content .table-view:last-child {
  margin-bottom: 0;
}
/*.spa-page-my-order .btn-alert-info {
  background: #d2d2d2;
}*/
.spa-page-my-order .order-number,.spa-page-balanceLog .order-number {
  margin-right: -50px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMTYgMjciPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICM5OTk7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBkPSJNMS4yNzksMy41NDcgTDExLjEwMywxMy4zNzEgTDEuMTUwLDIzLjMyMyBMMS4xNTEsMjMuMzI0IEMwLjgyNiwyMy42NjEgMC42MjUsMjQuMTIwIDAuNjI1LDI0LjYyNSBDMC42MjUsMjUuNjYxIDEuNDY0LDI2LjUwMCAyLjUwMCwyNi41MDAgQzMuMDA2LDI2LjUwMCAzLjQ2NCwyNi4zMDAgMy44MDEsMjUuOTc1IEwzLjgwMiwyNS45NzUgTDE1LjA1MiwxNC43MjUgTDE1LjA1MSwxNC43MjUgQzE1LjQwNSwxNC4zODMgMTUuNjI1LDEzLjkwNSAxNS42MjUsMTMuMzc1IEMxNS42MjUsMTMuMzc0IDE1LjYyNSwxMy4zNzIgMTUuNjI1LDEzLjM3MSBDMTUuNjI1LDEzLjM3MCAxNS42MjUsMTMuMzY4IDE1LjYyNSwxMy4zNjcgQzE1LjYyNSwxMi44MzcgMTUuNDA1LDEyLjM1OCAxNS4wNTEsMTIuMDE4IEwxNS4wNTIsMTIuMDE3IEwzLjgwMiwwLjc2NyBMMy43OTcsMC43NzIgQzMuNDYwLDAuNDQ5IDMuMDAzLDAuMjUwIDIuNTAwLDAuMjUwIEMxLjQ2NCwwLjI1MCAwLjYyNSwxLjA5MCAwLjYyNSwyLjEyNSBDMC42MjUsMi42OTQgMC44NzgsMy4yMDMgMS4yNzksMy41NDcgWiIgY2xhc3M9ImNscy0xIi8+Cjwvc3ZnPgo=) no-repeat;
  background-position: right center;
  background-size: auto 60%;
}