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;
}

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

.backGroundContainer{
  background: #fff;

}

.listItem{
  height: 100rpx;
  display: flex;
  flex-direction: column;
  padding: 20rpx 20rpx;
  /* border-bottom: 1rpx solid #ddd; */
}

.horizontallineView {
  height: 1rpx;
  background-color: #dbdbdb;
  margin-left: 20rpx;
  margin-right: 0rpx;
}

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

}
.bottomView{
  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;
}
.xinjian{
  width: 160rpx;
  height: 160rpx;
  position: fixed;
  bottom: 60rpx;
  right: 20rpx;
}

.chose{
  width: 100%;
  height: 40px;
  position: fixed;
  bottom: 0rpx;
}