/* pages/orderList/orderList.wxss */
/* @import "../headerTitleTemplate/headerTitleTemplate"; */

page {
  background:#EAF1F8;
  height: calc(100%-10px);
}

.swiper-tab {
  /* height: 30px; */
  margin: 10px 20px;
  text-align: center;
  line-height: 30px;
  background: white;
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  border: 1px solid#2E8CF5;
  overflow: hidden;
}

.swiper-tab-list {
  height: 100%;
  width: 50%;
  font-size: 30rpx;
  color: #777;
}

.on {
  background-color:#2E8CF5 ; 
  color: white;
}

.swiper-box {
  width: 100%;
  display: block;
  overflow: hidden;
}

.swiper-items1 {
  height: 100%;
}

.swiper-items2 {
  height: 100%;
}

.scroll-views {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.listItem{
  display: flex;
  flex-direction: column;
  background-color:  #fff;
  padding: 20rpx 20rpx;
  border-bottom: 1rpx solid #ddd;
  background: white;

}

.orderID{
  height: 50%;
  width: 100%;

}
.topView{
  height: 50%;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.bottomView{
  margin-top: 10rpx;
  height: 50%;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.goodsNum{
  height: 100%;
  width: 50%;
}
.goodsMoney{
  height: 100%;
  width: 50%;
  text-align: right;
}

.goodsIDText{
  font-size: 16px;
}

.goodsNumText{
  font-size: 14px;
  color: #666;
}

.goodsMoneyText{
  
  font-size: 14px;
  color: #666;
}