/* pages/home/home.wxss */
.topImage {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.pageTitle1 {
  width: 100%;
  height: 88rpx;
  font-size: 34rpx;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  position: fixed;
  top: 0rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(137deg, #5b8eff, #2e55ff 92%);
  z-index: 66;
}

.pageTitle {
  width: 100%;
  height: 88rpx;
  font-size: 34rpx;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  position: fixed;
  top: 88rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(137deg, #5b8eff, #2e55ff 92%);
  z-index: 66;
}

.van-tabs {
  background: #f1f2f4;
}

.contenter {
  /* margin-bottom: 100rpx; */
  padding: 47rpx 32rpx 0 32rpx;
  box-sizing: border-box;
  position: relative;
  top: 176rpx;
}

page {
  /* padding: 24rpx 32rpx 0 32rpx;
  box-sizing: border-box; */
}

/* 搜索框 */
.searchBox {
  width: 100%;
  height: 88rpx;
  background: linear-gradient(137deg, #5b8eff, #2e55ff 92%);
  position: fixed;
  top: 174rpx;
  left: 0;
  z-index: 66;
  box-sizing: border-box;
}

.search_center {
  height: 68rpx;
  margin-bottom: 24rpx;
  width: 686rpx;
}

.real_search_center {
  width: 100%;
  height: 64rpx;
  background: rgba(255, 255, 255, 1);
  border-radius: 186rpx;
  position: relative;
}

.icon-sousuo {
  font-size: 32rpx;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20rpx;
}

.real_search_center input {
  width: 100%;
  height: 100%;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 64rpx;
  color: rgba(189, 196, 206, 1);
  padding: 0 60rpx;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.placeholder {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 64rpx;
  color: rgba(189, 196, 206, 1);
}

/* 轮播图 */
.swiper {
  height: 320rpx;
  width: 100%;
  /* background-color: aquamarine; */
}

.swiper image {
  width: 686rpx;
  height: 320rpx;
  border-radius: 16rpx;
}

/* 分类 */
.classify {
  width: 100%;
  /* margin-top: 18rpx; */
  /* background-color: bisque; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  background-color: #f1f2f4;
  padding: 36rpx 0 32rpx 0;
}

.classifyItem {
  width: 146rpx;
  display: inline-block;
}

.classify .classifyPic {
  width: 104rpx;
  height: 89rpx;
}

.classify .classifyPic image {
  width: 104rpx;
  height: 89rpx;
  border-radius: 16rpx;
}

.classify .classifyText {
  width: 104rpx;
  height: 34rpx;
  font-size: 24rpx;
  text-align: center;
  margin-top: 16rpx;
}

/* 限时优惠 */
.moneyIcon{
  font-size: 23rpx;
  color: #FF1717;
  margin-right: -4rpx;
}
.moneyNum{
  font-size: 28rpx;
  font-weight: 500;
  color: #FF1717;
}
.dayDiscount {
  width: 686rpx;
  height: 414rpx;
  /* background-color: cadetblue; */
  background-color: #ffffff;
  padding: 34rpx 24rpx 28rpx 22rpx;
  box-sizing: border-box;
  border-radius: 16rpx;
}

.discountTitle {
  width: 100%;
  height: 44rpx;
  display: flex;
  align-items: center;
  position: relative;
}

.limitCount {
  width: 162rpx;
  height: 44rpx;
  font-size: 32rpx;
  color: #101010;
  font-weight: 500;
  display: inline-block;
}

.countTime {
  display: flex;
  /* width: 192rpx; */
  /* background-color: #9b74fb; */
  height: 40rpx;
  margin-left: -20rpx;
}

.countTime .maohao {
  color: #ff593c;
  width: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10rpx;
}

.countTime .textss {
  width: 40rpx;
  height: 40rpx;
  background: #ff593c;
  border-radius: 8rpx;
  font-size: 26rpx;
  color: #ffffff;
  display: inline-block;
  display: flex;
  justify-content: center;
  padding-top: 3rpx;
  box-sizing: border-box;
}

.item {
  display: inline-block;
  width: 44rpx;
  color: #fff;
  font-size: 24rpx;
  text-align: center;
  background: #ff593c;
  border-radius: 8rpx;
  margin-right: 6rpx;
  margin-left: 6rpx;
}

.moreCount {
  width: 126rpx;
  height: 40rpx;
  font-size: 28rpx;
  color: rgb(167, 164, 164);
  display: inline-block;
  position: absolute;
  top: 0;
  right: 2rpx;
}

.arrow {
  width: 10rpx;
  height: 10rpx;
  border: 3rpx solid #7d7e80;
  /* background-color: #7d7e80; */
  display: inline-block;
  transform: rotate(45deg);
  border-color: #7d7e80 #7d7e80 transparent transparent;
  position: absolute;
  top: 6px;
  right: -2px;
}

.discountContent {
  width: 100%;
  height: 300rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 26rpx;
}

.wrapper {
  width: 100%;
  white-space: nowrap;
  display: flex;
  margin-top: 24rpx;
}

.wrapper1 {
  width: 100%;
  white-space: nowrap;
  display: flex;
}

.dayDiscount .contentItem {
  width: 202rpx;
  height: 100%;
  display: inline-block;
  margin-right: 16rpx;
}

.countPic {
  width: 202rpx;
  height: 140rpx;
}

.countPic image {
  width: 100%;
  border-radius: 16rpx;
  height: 100%;
}

.countText {
  width: 202rpx;
  height: 46rpx;
  font-size: 28rpx;
  margin-top: 4rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}

.countPrice {
  width: 202rpx;
  height: 46rpx;
  font-size: 28rpx;
  color: #f87676;
}

.countNum {
  width: 202rpx;
  height: 46rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #969799;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.countNum .num {
  width: 150rpx;
}

.countNum .icon {
  width: 44rpx;
}

.countNum .icon image {
  width: 44rpx;
  height: 44rpx;
}

/* 每日特价 */
.borderTop {
  width: 92%;
  height: 32rpx;
  background-color: #f1f2f4;
  border-radius: 10rpx;
}

.dayPriceContent {
  width: 686rpx;
  background-color: rgb(241, 240, 150);
  background-color: #ffffff;
  padding: 32rpx 24rpx;
  box-sizing: border-box;
  border-radius: 16rpx;
}

.dayPrice {
  width: 100%;
  position: relative;
  margin-bottom: 50rpx;
}

.mainly {
  width: 100%;
}
.moreMainly{
  font-size: 28rpx;
  color: rgb(167, 164, 164);
  padding-right: 10rpx;
}
.dayPriceText {
  width: 128rpx;
  height: 44rpx;
  font-size: 32rpx;
  color: #101010;
  font-weight: 500;
  display: inline-block;
}

.dayPriceTime {
  display: inline-block;
  margin-left: 10rpx;
}

.morePrice {
  width: 128rpx;
  height: 40rpx;
  font-size: 28rpx;
  color: rgb(167, 164, 164);
  display: inline-block;
  position: absolute;
  top: 0;
  right: -2px;
}

.dayPricePicMain {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.dayPricePic {
  width: 25%;
  height: 148rpx;
  padding: 8rpx 6rpx 8rpx 6rpx;
  box-sizing: border-box;
  display: inline-block;
}

.dayPricePic image {
  width: 100%;
  height: 100%;
}

.mainly .mainlyTitle {
  display: inline-block;
  width: 136rpx;
  height: 42rpx;
  line-height: 42rpx;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  font-size: 22rpx;
  background: linear-gradient(135deg, #9b74fb 3%, #b680ff 94%);
  border-radius: 8rpx;
  margin-left: 16rpx;
}

/* 每日精选*/
.pickContainer {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.pickContent {
  /* width: 343rpx; */
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24rpx;
  flex-wrap: wrap;
  border-radius: 16rpx;
  column-count: 2;
  column-gap: 20rpx;
}

.pickItem {
  width: 49%;
  /* padding: 0 4rpx 8rpx; */
  box-sizing: border-box;
  background-color: #ffffff;
  margin-bottom: 16rpx;
  break-inside: avoid;
  border-radius: 16rpx;
  padding-bottom: 8rpx;
}

.pickPic {
  width: 100%;
  height: 328rpx;
}

.pickPic image {
  width: 100%;
  height: 328rpx;
  border-radius: 16rpx;
}

.pickTitle {
  margin-top: 16rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #323233;
  padding: 0 24rpx;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.pickDesc {
  font-size: 24rpx;
  font-weight: 400;
  text-align: left;
  color: #7d7e80;
  margin-top: 8rpx;
  padding: 0 24rpx;
  box-sizing: border-box;
  word-break: break-all;
  overflow: hidden;
  width: 296rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40rpx;
}

.pickCollect {
  font-size: 24rpx;
  font-weight: 400;
  text-align: left;
  color: #7d7e80;
  margin-top: 8rpx;
  padding-left: 8rpx;
  padding-right: 16rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

/* 优惠券 */
.pickDiscountBox {
  display: flex;
  justify-content: space-between;
  margin-top: 8rpx;
  padding-left: 8rpx;
  padding-right: 16rpx;
  box-sizing: border-box;
}


.pickDiscountBox>view:nth-child(1) {
  padding: 8rpx 16rpx;
  box-sizing: border-box;
  background: #fff2f2;
  height: 48rpx;
  border: 2rpx solid #ff4944;
  border-radius: 12rpx;
  color: #ff4340;
  text-align: center;
  font-size: 22rpx;
}

.pickDiscountBox image {
  width: 48rpx;
  height: 48rpx;
}

.van-tabs__nav {
  background-color: #f1f2f4;
}

/* 收藏用户 */
.userInfo {
  height: 36rpx;
  justify-content: space-between;
  text-align: right;
  padding: 0 24rpx;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.userBox {
  display: flex;
}

.userBox image {
  width: 36rpx;
  height: 36rpx;
  border-radius: 50%;
}

.userBox .userName {
  width: 140rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22rpx;
  font-weight: 400;
  text-align: left;
  color: #7d7e80;
  display: flex;
  margin-left: 8rpx;
  align-items: center;
}

.collectIcon image {
  width: 24rpx;
  height: 24rpx;
}

.collectIcon {
  font-size: 28rpx;
  color: #ff4742;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* 弹出层 */
.delIcon {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  top: 20rpx;
  right: 26rpx;
}

.delIcon image {
  width: 50rpx;
  height: 50rpx;
}

.popupBox {
  width: 626rpx;
  background: #f97419;
  padding-bottom: 34rpx;
  box-sizing: border-box;
  position: relative;
}

.popupPic {
  width: 626rpx;
  height: 226rpx;
}

.popupPic image {
  width: 626rpx;
  height: 226rpx;
}

.popupText {
  height: 48rpx;
  font-size: 32rpx;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  margin-top: 24rpx;
}

.discountBox {
  max-height: 350rpx;
  overflow: auto;
}

.popupImg {
  width: 540rpx;
  height: 148rpx;
  background: #ffffff;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24rpx;
}

.left,
.right {
  position: absolute;
  top: 64rpx;
  background-color: #f97419;
  width: 26rpx;
  height: 26rpx;
  border-radius: 50%;
}

.left {
  left: -12rpx;
}

.right {
  right: -12rpx;
}

.popupNamePic {
  width: 300rpx;
  font-size: 28rpx;
  font-weight: 500;
  text-align: left;
  color: #333333;
  display: flex;
  align-items: center;
  margin-left: 36rpx;
}

.popupPriceBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 36rpx;
  color: #F5222D;
  font-size: 32rpx;
}

.popupPrice {
  font-size: 64rpx;
}

.popupBtn {
  margin: 0 auto;
  width: 376rpx;
  height: 88rpx;
  background: linear-gradient(133deg, #f7bf00, #ff9600 98%);
  border-radius: 46rpx;
  font-size: 28rpx;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24rpx;
}

.bottomHint {
  background-color: #f1f2f4;
  font-size: 24rpx;
  color: gray;
  display: flex;
  justify-content: center;
  padding: 8rpx;
}

/* tabbar */
.tabbarBox {
  width: 100%;
  height: 98rpx;
  background-color: #fff;
  position: fixed;
  display: flex;
  bottom: 0;
  left: 0;
  padding-top: 12rpx;
  box-sizing: border-box;
}

.tabbarPic {
  display: flex;
  justify-content: center;
}

.tabbarBox ul {
  width: 100%;
  display: flex;
}

ul>li {
  width: 25%;
}

li text {
  display: block;
  display: flex;
  justify-content: center;
  font-size: 18rpx;
  font-weight: 400;
  color: #bdc4ce;
}

.check {
  color: #355DFF;
}

.tabbarPic image {
  width: 48rpx;
  height: 48rpx;
}