page{
  background:rgba(247,247,247,1);
}
.container{
  width: 750rpx;
  display: flex;
  flex-flow: column;
  position: relative;
}
.top{
  width: 750rpx;
  height: 72rpx;
  background: #6EAC3D;
  display: flex;
  align-items: center;
  font-size:28rpx;
  font-family:PingFang SC;
  font-weight:600;
  color:rgba(255,255,255,0.5);
  opacity:1;
  overflow-x: scroll;
  flex-wrap: nowrap
}
.nav_item{
  /* width: 200rpx; */
  padding: 0 38rpx;
  text-align: center;
  flex:0 0 auto;
}
.active{
  color: #FFFFFF;
  position: relative;
}
.active:before{
  content: "";
  width:48rpx;
  height:4rpx;
  background:rgba(255,255,255,1);
  opacity:1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15rpx;
  margin: 0 auto;
}

.mid{
  
  width:750rpx;
  background:rgba(247,247,247,1);
  opacity:1;
  border-radius:8rpx;
  position: absolute;
  top: 72rpx;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.mid_item{
  margin-top: 16rpx;
  width:688rpx;
  background:rgba(255,255,255,1);
  opacity:1;
  border-radius:8rpx;
}
.mid_item_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32rpx 18rpx;
  border-bottom: 2rpx solid #F5F5F5;
}
.mid_item_top_left{
  display: flex;
}
.top_left_pic{
  width: 28rpx;
  height: 32rpx;
  display: flex;
}
.top_left_pic image{
  width: 100%;
  height: 100%;
}
.top_left_text{
  font-size:28rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(51,51,51,1);
  opacity:1;
  margin-left: 8rpx;
}
.mid_item_top_right{
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(110,172,61,1);
  opacity:1;
}
.mid_item_mid{
  display: flex;
  padding: 32rpx 18rpx;
  border-bottom: 2rpx solid #F5F5F5;
}
.mid_item_mid_left{
  width:144rpx;
  height:144rpx;
  background:rgba(250,250,250,1);
  opacity:1;
  display: flex;
  flex-flow: column;
}
.mid_left_pic{
  width: 144rpx;
  height: 114rpx;
  display: flex;
}
.mid_left_pic image{
  width: 100%;
  height: 100%;
}
.mid_left_text{
  width:144rpx;
  height:32rpx;
  line-height: 32rpx;
  background:rgba(251,4,4,0.2);
  
  text-align: center;
  font-size:20rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(255,255,255,1);
  opacity:1;
}
.text_b{
  width:144rpx;
  height:32rpx;
  line-height: 32rpx;
  background:rgba(204,204,204,0.2);
  
 
  font-size:20rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(255,255,255,1);
  opacity:1;
}
.mid_item_mid_right{
  width: 100%;
  display: flex;
  flex-flow: column;
  margin-left: 16rpx;
}
.mid_right_top{
  display: flex;
  justify-content: space-between;
}
.right_top_lef{
  font-size:32rpx;
  font-family:PingFang SC;
  font-weight:600;
  color:rgba(51,51,51,1);
  opacity:1;
}
.right_top_rig{
  color: #FF0000;
}
.price_small{
  font-size: 28rpx;
}
.font_big{
  font-size: 38rpx;
}
.font_small{
  font-size: 28rpx;
}
.mid_right_m{
  margin-top: 16rpx;
  display: flex;
  align-items: center;
}
.right_m_left{
  width:350rpx;
  height:16rpx;
  background:rgba(236,236,236,1);
  opacity:1;
  border-radius:8rpx;
}
.right_m_left_content{
  width:42%;
  height:16rpx;
  background:rgba(181,222,150,1);
  opacity:1;
  border-radius:8rpx;
}
.right_m_right{
  margin-left: 34rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(181,222,150,1);
  opacity:1;
}
.mid_right_bottom{
  display: flex;
  justify-content: space-between;
  margin-top: 6rpx;
}
.mid_right_bottom_lef{
  font-size:22rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(204,204,204,1);
  opacity:1;
}
.mid_right_bottom_rig{
  margin-top: 10rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  line-height:34rpx;
  color:rgba(153,153,153,1);
  opacity:1;
}
.mid_item_bottom{
  display: flex;
  justify-content: space-between;
  padding: 32rpx 18rpx;
  border-bottom: 2rpx solid #F5F5F5;
}
.mid_item_bottom_lef{
  font-size:26rpx;
  font-family:PingFang SC;
  font-weight:400;
  opacity:1;
}
.color_red{
  color: #FE231D;
}
.mid_item_bottom_rig{
  display: flex;
  justify-content: space-between;
}
.bottom_btn_left{
  width:144rpx;
  height:48rpx;
  line-height: 48rpx;
  text-align: center;
  background:rgba(255,255,255,1);
  border:2rpx solid rgba(230,230,230,1);
  border-radius:244rpx;

  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(102,102,102,1);
  opacity:1;
}
.bottom_btn_right{
  margin-left: 32rpx;
  width:144rpx;
  height:48rpx;
  line-height: 48rpx;
  text-align: center;
  background:linear-gradient(270deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
  box-shadow:0rpx 6rpx 20rpx rgba(126,254,29,0.15);
  opacity:1;
  border-radius:200rpx;

  
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  
  color:rgba(255,255,255,1);

}
.mid_right_bottom_text{
  width:112rpx;
  height:32rpx;
  line-height: 32rpx;
  text-align: center;
  background:rgba(110,172,61,0.3);
  border-radius:16rpx;
  
  font-size:20rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(110,172,61,1);
  opacity:1;
}
.color_text{
  color: #999999;
}
.bottom_btn_delete{
  width:144rpx;
  height:48rpx;
  line-height:48rpx;
  text-align:center;
  background:rgba(255,255,255,1);
  border:2rpx solid rgba(230,230,230,1);
  border-radius:244rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(102,102,102,1);
  opacity:1;

}

.mask{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
}
.mask_mid{
  margin-top: 400rpx;
  width: 500rpx;
  height: 400rpx;
  background: #fff;
  border-radius: 8rpx;
  display: flex;

  flex-flow: column;
  position: relative;
}
.mask_mid_top{
  margin-top: 150rpx;
  text-align: center;
  font-size: 30rpx;
}
.mask_mid_bottom{
  display: flex;
  position: absolute;
  bottom: 0;
}
.mask_mid_bottom_left{
  width: 250rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  color: #fff;
  background: #6EAC3D;
}
.mask_mid_bottom_right{
  width: 250rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  background: #EBEBEB;
}