/* pages/list/food/index.wxss */
page {
  background: #fff6e4;
}
.types {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100rpx;
  background: #FFDEA8;
  font-size: 32rpx;
  color: #666;
}
.picker {
  display: flex;
  align-items: center;
}
.picker image {
  width: 22rpx;
  margin-left: 10rpx;
  opacity: 0.6;
}
.type-item.active {
  color: #000;
  font-size: 32rpx;
}
.type-item.active image {
  opacity: 1;
}
.list {
  display: flex;
  overflow-y: auto;
  margin-top: 69rpx;
  margin: 33rpx;
}

.item {
  position: relative;
  padding-bottom: 60rpx;
  margin-right: 60rpx;
}
.item .main-img {
  width: 599rpx;
  height: 1111rpx;
  border-radius: 53rpx;
  display: block;
}
.infos {
  padding: 30rpx 38rpx;
  background: white;
  border-radius: 52rpx;
  margin: 0 37rpx;
  margin-top: -180rpx;
  position: relative;
  z-index: 1;
  width: 449rpx;
}
.infos .title {
  line-height: 47rpx;
  /* height: 94rpx; */
  font-size: 35rpx;
  color: #202020;
  font-weight: 500;
}
.infos .location {
  color: #A3A3A3;
  font-size: 24rpx;
  margin-top: 20rpx;
  margin-bottom: 10rpx;
}
.infos .distance {
  font-size: 24rpx;
  color: #333;
  margin-bottom: 10rpx;
}
.bottom-infos {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}
.bottom-infos .tag {
  position: relative;
  color: #0B898E;
  font-size: 24rpx;
  font-weight: 500;
  line-height: 39rpx;
  height: 39rpx;
  margin-right: 10rpx;
}
.bottom-infos .tag::after {
  content: "1";
  font-size: 0;
  left: 0;
  right: 0;
  display: block;
  height: 8rpx;
  bottom: 0;
  background: #DAF3E9;
}
.price {
  color: #D62828;
  font-size: 24rpx;
}
.price text:nth-child(2){
  font-weight: 500;
  font-size: 33rpx;
}
.price text:nth-child(3){
  color: #8D8D8D;
  font-size: 20rpx;
  margin-left: 4rpx;
  margin-right: 109rpx;
}
.icon-arrow-line-right {
  text-align: center;
  width: 110rpx;
  color: #fff;
  line-height: 110rpx;
  background: linear-gradient(180deg, #43B1C5, #0B898E);
  border-radius: 50%;
  font-size: 40rpx;
  position: absolute;
  right: 0;
  bottom: 30rpx;
  z-index: 1;
}
.order-btn {
  width: 180rpx;
  line-height: 67rpx;
  background: #D62828;
  border-radius: 33rpx 0px 0px 33rpx;
  color: #fff;
  text-align: center;
  font-size: 32rpx;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: 560rpx;
}
.tip-img {
  left: 24rpx;
  top: 28rpx;
  width: 119rpx;
  position: absolute;
}