page{
  background-color: #F4F4F4;
}
.container{
  width: 100vw;
  padding-bottom: 100rpx;
  
}
.order_list{
  display: flex;
  width: 92vw;
  margin: 0 auto;
  flex-direction: column;

}
.order_item{
  display: flex;
  width: 100%;
  margin-top: 30rpx;
}
.order_item_checkbox{
  flex: 1;
  align-self: center;
}
.order_item_content{
  flex: 10;
  background-color: #fff;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  
 
}
.order_item_content_top{
  flex: 1;
  font-size: 32rpx;
  padding:20rpx;

font-weight: 500;
color: rgba(0,0,0,0.85);
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  align-items: center;

}
.order_item_content_data{
    padding:20rpx;
    margin-top: 10rpx;
  flex: 3;
  display: flex;
  flex-direction: column;
}
.order_id{
    margin-top: 10rpx;
  flex: 1;
  color: rgba(0,0,0,0.45);
  display: flex;
  line-height: 48rpx;
  align-items: center;
  font-size: 30rpx;
}
.bottom{
  position: fixed;
  bottom: 0;
  width: 100vw;
  display: flex;
  background-color: rgb(255, 255, 255);
  align-items: center;
  z-index: 99;  
  padding-bottom: 50rpx;
  height: 100rpx;
}
.bottom_checkbox{
  flex: 2.2;
  font-size: 30rpx;
  display: flex;
  justify-content: left;
  padding-left: 4vw;
}
.bottom_content{
  flex: 6;
  text-align: center;
  font-size: 28rpx;
  color: #666666;
}
.bottom_btn{
  flex: 2;
  justify-content: flex-end;
  font-size: 34rpx;
}


.bottom{
    width:100%;
    height: 102rpx;
  background: #FFFFFF;
   box-shadow: inset 0rpx 1rpx 0rpx 0rpx rgba(0,0,0,0.08);
    position: fixed;
    bottom:-50rpx;
    display: flex;
}
.bottom .left{
    padding:0 32rpx;
flex:1;
font-size: 28rpx;
font-weight: 400;
color: #666666;
}
.bottom .money{
    color: #FF0000;
    font-size: 30rpx;
}
.bottom .right{
width: 208rpx;
height: 102rpx;
font-size: 34rpx;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
color: #FFFFFF;
background: linear-gradient(310deg, #FF931A 0%, #FF931A 0%, #FCB75D 100%);
}