.order {
  background-color: #f3f3f3;
  width: 100%;
  box-sizing: border-box;
  min-height: 100vh;
}
.order-top {
  background-color: #fff;
  width: 100%;
  padding: 4vw 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.order-top-active {
  color: #e55150 !important;
}
.order-top span {
  font-size: 4vw;
  color: #666;
  width: 20%;
  text-align: center;
  cursor: pointer;
}
.order-body {
  width: 100%;
  padding: 4vw 0;
}
.no-order {
  text-align: center;
  font-size: 4vw;
  color: #666;
  margin-top: 6.66666667vw;
}
.order-body-item {
  background-color: #fff;
  width: 100%;
  padding: 4vw;
  margin-bottom: 4vw;
  border-radius: 2.66666667vw;
  box-sizing: border-box;
}
.order-body-item-top {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.order-body-item-top-left {
  font-size: 4vw;
  color: #333;
  display: flex;
  flex-direction: row;
}
.order-body-item-top-right {
  font-size: 4vw;
  color: #e55150;
}
.order-body-item-body {
  width: 100%;
  margin-top: 4vw;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.order-body-item-left {
  width: 25.33333333vw;
  height: 25.33333333vw;
}
.order-body-item-left img {
  width: 100%;
  height: 100%;
  border-radius: 1.33333333vw;
}
.order-body-item-middle {
  width: 48vw;
  height: 25.33333333vw;
  margin-left: 1.33333333vw;
}
.order-body-item-title {
  font-size: 4vw;
  color: #333;
  width: 100%;
  height: 11.73333333vw;
  overflow: hidden;
}
.order-body-item-color {
  font-size: 3.2vw;
  color: #9c9898;
  width: 100%;
  margin-top: 1.86666667vw;
}
.order-body-item-right {
  width: 17.33333333vw;
  text-align: right;
}
.order-body-item-price {
  font-size: 3.6vw;
  color: #333;
}
.order-body-item-num {
  font-size: 3.2vw;
  color: #9c9898;
  margin-top: 1.33333333vw;
}
.order-body-item-buttom {
  width: 100%;
  margin-top: 6.66666667vw;
  display: flex;
  flex-direction: row-reverse;
}
.order-body-item-buttom2 {
  display: flex;
  flex-direction: row;
}
.order-body-item-button {
  font-size: 4.26666667vw;
  color: #333;
  padding: 1.33333333vw 4vw;
  margin-left: 2.66666667vw;
  border: 0.13333333vw solid #737272;
  border-radius: 5.33333333vw;
  text-align: center;
  cursor: pointer;
}
.qd {
  color: #e55150;
  border: 0.13333333vw solid #e55150;
}
.order-body-item-tishi {
  font-size: 4.26666667vw;
  color: #333;
}