/* packageE/others/cloudwarehouse/pickUpArea/pickUpArea.wxss */

#pickuparea .topicon {
  position: absolute;
  top: 25rpx;
  left: 30.016rpx;
  z-index: 10;
}

#pickuparea .topicon van-icon {
  font-size: 35rpx;
}

#pickuparea .list {
  background: #fff;
  padding-top: 34.016rpx;
  padding-bottom: 40rpx;
}

#pickuparea .list .search-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 30.016rpx 40rpx;
  background-color: #f2f2f2;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 30.016rpx;
}

#pickuparea .list .search-box input {
  flex: 1;
  line-height: 56rpx;
  border: none;
  color: #333;
  margin-left: 10rpx;
}

#pickuparea .list .search-box i {
  position: absolute;
  left: 32rpx;
  flex: 0 0 48rpx;
}

#pickuparea .list .shopList {
  height: 184rpx;
  margin: 11.008rpx;
  border-bottom: 0.992rpx #f5f5f5 solid;
  display: flex;
  justify-content: space-between;
}

#pickuparea .list .shopList .left {
  width: 140rpx;
  height: 140.992rpx;
  margin-left: 19.008rpx;
}

#pickuparea .list .shopList .left image {
  width: 100%;
  height: 100%;
}

#pickuparea .list .shopList .right {
  flex: 1;
  padding-left: 16rpx;
  display: flex;
  flex-direction: column;
}

#pickuparea .list .shopList .right .title {
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

#pickuparea .list .shopList .right .shopKu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 44rpx;
}

#pickuparea .list .shopList .right .shopKu .kuMum {
  font-size: 24rpx;
  line-height: 36rpx;
  letter-spacing: 0rpx;
  color: #666;
}

#pickuparea .list .shopList .right .shopKu .btn {
  width: 150.016rpx;
  height: 46.016rpx;
  background-color: #f14e4e;
  border-radius: 23.008rpx;
  font-size: 26.016rpx;
  color: #fff;
  line-height: 46.016rpx;
  text-align: center;
}

.popupBox {
  width: 584rpx;
  height: 790.016rpx;
  background-color: #fff;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
}

.popupBox .popConten {
  flex: 1;
  overflow-y: scroll;
}

.popupBox .popConten .popContenSpan {
  line-height: 64rpx;
  text-align: center;
}

.popupBox .popConten .box {
  margin: 0 31.008rpx 15rpx 28.992rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.popupBox .popConten .box .boxlis:nth-child(3n) {
  margin-top: 20rpx;
}

.popupBox .popConten .boxlis {
  width: 250.016rpx;
  height: 376rpx;
  background-color: #fff;
  border-radius: 10.016rpx;
  border: solid 0.992rpx #ededed;
  display: flex;
  flex-direction: column;
}

.popupBox .popConten .boxlis .img {
  width: 250.016rpx;
  height: 250.016rpx;
  border-radius: 10.016rpx 10.016rpx 0rpx 0rpx;
}

.popupBox .popConten .boxlis .img image {
  width: 100%;
  height: 100%;
  border-radius: 10.016rpx 10.016rpx 0rpx 0rpx;
}

.popupBox .popConten .boxlis .bottomlis {
  flex: 1;
  padding: 16rpx 19.008rpx;
  font-size: 24rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.popupBox .popConten .boxlis .bottomlis span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}

.popupBox .popConten .boxlis .bottomlis p {
  text-align: left;
  color: #f14e4e;
}

.popupBox .poptop {
  width: 100%;
  height: 99.008rpx;
  line-height: 99.008rpx;
  position: relative;
  border-bottom: 1rpx solid #f2f2f2;
}

.popupBox .poptop .span {
  font-size: 32rpx;
  color: #202020;
  text-align: center;
}

.popupBox .poptop van-icon {
  position: absolute;
  top: -8rpx;
  right: 30.016rpx;
}
