/* pages/order/user/list/list.wxss */
@import "./list.skeleton.wxss";

page {
  background: #F8F8F8;
}

.fiexd {
  position: sticky;
  top: 0;
  z-index: 999;
}

.query {
  /* height: 106rpx; */
  position: relative;
  background: #FFFFFF;
  margin-bottom: 0;
}

.qBtn {
  width: 154rpx;
  height: 66rpx;
  background: #00BC8A;
  font-weight: 400;
  font-size: 24rpx;
  color: #FFFFFF;
  line-height: 66rpx;
  text-align: center;
  border-radius: 8rpx;
}

.query .cell {
  position: relative;
  z-index: 999;
  max-height: 66rpx !important;
  min-height: 66rpx !important;
}

.query .cellText {
  /* flex: 1; */
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 532rpx;
  height: 66rpx;
  background: #F8F8F8;
  border-radius: 8rpx 8rpx 8rpx 8rpx;
  padding-left: 20rpx;
  margin-right: 20rpx;
}

.cellText view {
  font-weight: 500;
  font-size: 24rpx;
  color: #000000;
  height: 24rpx;
  line-height: 24rpx;
  border-right: 1px solid #A2A2A2;
  padding-right: 10rpx;
}

.cellText view::after {
  content: "\e615";
}

.cellText .queryShow::after {
  content: "\e760";
}

.cellText .inputDate {
  flex: 1;
  font-weight: 500;
  font-size: 24rpx;
  color: #000000;
  height: 66rpx;
  line-height: 66rpx;
  /* padding-left: 20rpx; */
  border: none;
  display: flex;
  flex-flow: row;
}

.inputDate::after,
.inputDate picker::after,
.inputDate picker view::after {
  content: "" !important;
}

.inputDate picker {
  border: none !important;
}

.inputDate picker view {
  line-height: 66rpx;
  border: none !important;
  text-align: center;
}


.inputDate picker .active {
  color: #000000;
}

.icon-close-copy {
  height: 66rpx;
  font-size: 26rpx;
  border: none !important;
  line-height: 66rpx !important;
}

.icon-close-copy::after {
  content: "" !important;
}

.cellText input {
  flex: 1;
  font-weight: 500;
  font-size: 24rpx;
  color: #000000;
  height: 66rpx;
  line-height: 66rpx;
  padding-left: 20rpx;
}

.cellText .icon-clean::after {
  content: "\e762";
  font-size: 24rpx;
  padding: 0 10rpx;
  height: 66rpx;
  display: inline-block;
}

.chooseQuery {
  position: fixed;
  left: 24rpx;
  top: 94rpx;
  width: 146rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(0, 0, 0, 0.1);
  border-radius: 8rpx 8rpx 8rpx 8rpx;
  text-align: center;
  z-index: 999;
}

.chooseQuery view {
  font-weight: 400;
  font-size: 24rpx;
  color: #424242;
  line-height: 64rpx;
}

.chooseQuery view.active {
  font-weight: 500;
  font-size: 24rpx;
  color: #0D0D0D;
}

.order {
  /* min-height: 317rpx; */
  background: #FFFFFF;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  padding: 24rpx;
  margin-top: 20rpx;
}

.topInfo {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 24rpx;
  color: #000000;
}

.checkNumber {
  font-size: 24rpx;
}

.checkNumber::after {
  content: "\eb4e";
  padding-left: 10rpx;
}

.topCenter {
  position: relative;
  padding: 32rpx 0;

  display: flex;
  flex-flow: row;
  /* align-items: center; */
  justify-content: space-between;
}


.goodsPic {
  width: 120rpx;
  height: 120rpx;
}

.goodsTitle {
  flex: 1;
  font-weight: 400;
  font-size: 20rpx;
  color: #000000;
  line-height: 28rpx;
  height: auto !important;
  padding: 0 20rpx;
  margin-bottom: 10rpx;
  box-sizing: border-box;
}

.orderInfo1 {
  min-width: 150rpx;
  height: 120rpx;
  text-align: center;
}

.orderGoods {
  height: 120rpx;
}

.orderGoods image {
  width: 120rpx;
  height: 120rpx;
}

.orderInfo {
  position: absolute;
  top: 32rpx;
  right: 0;
  min-width: 150rpx;
  height: 120rpx;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.orderInfo view:first-child,
.orderInfo1 view:first-child {
  font-weight: bold;
  font-size: 32rpx;
  color: #0D0D0D;
}

.orderInfo view:last-child,
.orderInfo1 view:last-child {
  font-weight: 400;
  font-size: 20rpx;
  color: #7E7E7E;
}

.topBottom {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;

  font-weight: 400;
  font-size: 20rpx;
  color: #A2A2A2;
}

.toolBtn {
  /* padding: 22rpx 26rpx; */
  display: inline-block;
  min-width: 150rpx;
  height: 60rpx;
  line-height: 60rpx;
  background: #FFFFFF;
  border-radius: 8rpx 8rpx 8rpx 8rpx;
  border: 1rpx solid #0D0D0D;
  text-align: center;
  font-weight: 400;
  font-size: 24rpx;
  color: #0D0D0D;
}

.toolBtn.red {
  background: #E60000;
  border-color: #E60000;
  margin-left: 20rpx;
}

.toolBtn.black {
  color: #FFFFFF;
  background: linear-gradient(180deg, #0D0D0D 0%, #4F4F4F 100%);
  border-color: linear-gradient(180deg, #0D0D0D 0%, #4F4F4F 100%);
}


.listEmpty {
  width: 208rpx;
  height: 208rpx;
}

.loadMore {
  text-align: center;
  font-size: 18rpx;
  color: #000000;
  line-height: 25rpx;
  /* background: #F8F8F8; */
}

.noMore {
  text-align: center;
  font-size: 18rpx;
  color: #A2A2A2;
  line-height: 25rpx;
}