page{
  padding-bottom: 120rpx;
}
.tips {
  width: 100%;
  background: #fff;
  padding: 15px;
  color: #8d8d8d;
}
.rec {
  height: 180rpx;
  width: 100%;
  background-color: var(--white);
  border-radius: 15rpx;
  box-sizing: border-box;
}

.rec-all {
  width: 100%;
}

.rec-img, .right_icon {
  height: 100rpx;
}

.rec-img image {
  height: 80rpx;
  width: 80rpx;
}

.adds {
  font-family: PingFang-SC-Medium;
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #000;
}

.rec-add {
  width: 420rpx;
}

.addInfo {
  margin-top: 20rpx;
  font-family: PingFang-SC-Medium;
  font-size: 26rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #999;
}

.right_icon image {
  width: 15rpx;
  height: 33rpx;
}

.app2 {
  height: auto;
}

.rec-rem {
  height: 113rpx;
  width: 100%;
}

.rec-rem {
  border-bottom: 2rpx solid #ebebeb;
}

.rec-rem:last-child {
  border: 0;
}

.time {
  width: 100%;
  height: 36rpx;
  line-height: 36rpx;
}

.time1 image {
  width: 36rpx;
  height: 36rpx;
}

.time2 {
  font-family: PingFang-SC-Medium;
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666;
}

.rec-rem input {
  width: 100%;
}

.tip {
  font-family: PingFang-SC-Medium;
  font-size: 28rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #999;
  text-align: center;
}

/* 弹出层 */

.frame {
  width: 100%;
}

.frame_title {
  height: 108rpx;
  width: 100%;
  border-bottom: 2rpx solid #ebebeb;
  position: relative;
}

.frame_p {
  font-family: PingFang-SC-Medium;
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333;
  height: 108rpx;
  line-height: 108rpx;
  width: 100%;
  text-align: center;
}

.frame_title span {
  position: absolute;
  right: 30rpx;
  top: 41rpx;
  width: 26rpx;
  height: 26rpx;
}

.frame_title span image {
  width: 26rpx;
  height: 26rpx;
}

.frame_cen {
  display: flex;
  height: 704rpx;
  width: 100%;
}

.frame_cenl {
  flex: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: #f6f6f6;
  padding-bottom: 100rpx;
}

.frame_cenr {
  flex: 2;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.cenl_row {
  height: 116rpx;
  width: 100%;
  text-align: center;
  line-height: 116rpx;
  font-family: PingFang-SC-Medium;
  font-size: 36rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333;
}

.cenr_row {
  padding: 20rpx 0;
  /* height: 100rpx; */
  width: 100%;
  /* line-height: 100rpx; */
  box-sizing: border-box;
  border-bottom: 2rpx solid #ebebeb;
  display: flex;
}

.frame_img image {
  width: 30rpx;
  height: 30rpx;
  vertical-align: middle;
}

.row_active1 {
  color: #2fd152;
  background: var(--white);
}

.row_active2 {
  color: #2fd152;
}

.frame_time {
  color: #ccc;
  width: 40%;
  display: inline-block;
  flex: 1;
  padding: 0 10rpx;
}

.black300 {
  color: #333;
}


.tecProcess{
  width: 100%;
}
.tecProcess image{
  width: 100%;
  height: 50rpx;
}

.shop_list {
  padding: 40rpx 0;
  background-color: #fff;
  border-radius: 10rpx;
}

.shop_list_row {
  height: 100rpx;
  padding: 22rpx 0;
  margin: 0 30rpx;
  border-bottom: 1rpx solid #ebebeb;
  box-sizing: initial;
}

.shop_list_row:last-child {
  margin-bottom: 0;
}

.shop_list_img image {
  width: 100rpx;
  height: 100rpx;
}

.text1 {
  font-family: PingFang-SC-Medium;
  font-size: 28rpx;
  color: #333;
}

.text2 {
  font-family: PingFang-SC-Medium;
  font-size: 22rpx;
  color: #999;
}
.mon{
  padding: 0 20rpx;
}
.mon_p,.mon_p2 {
  font-family: PingFang-SC-Medium;
  font-size: 28rpx;
  color: #333;
}
.mon_p2{
  color: #f22c21;
}
.mon_span{
  font-weight: 500;
  font-size: 34rpx;
  color: #333;
}
.discount{
  font-size: 24rpx;
  border: #f22c21 1rpx solid;
  color: #f22c21;
  padding: 2rpx 5rpx;
  box-sizing: border-box;
}
.explain{
  font-size: 28rpx;
  color: #999999;
}
.text_right_cell2{
  display: flex;
  align-items: center;
}
/* 支付 */

.shop_pay {
  position: fixed;
  height: 100rpx;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  background-color: #fff;
  border-bottom: 2rpx solid #ebebeb;
  z-index: 99999;
}

.pay_sub {
  width: 260rpx;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  background-color: #1dbf53;
  font-family: PingFang-SC-Medium;
  font-size: 32rpx;
  color: #fff;
  border-radius: 0;
  border: 0;
}
pay_sub::after{
  width: 0;
  height: 0;
  border: 0;
}
.pay_num {
  margin-right: 30rpx;
  font-weight: 600;
  font-family: PingFang-SC-Bold;
  font-size: 30rpx;
  color: #333;
}
.mon_span {
  font-family: PingFang-SC-Medium;
  font-size: 28rpx;
  color: #ff4838;
}

.mon_span image {
  height: 28rpx;
  width: 15rpx;
}