.swiper-container{
  height:600rpx;
  position: relative;
}
.swiper-container .nav{
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 60rpx;
  color: #fff;
  font-size: 24rpx;
  right: 20rpx;
  bottom: 54rpx;
  padding: 8rpx 16rpx;
}
.swiper-container .nav .icon{
  width:28rpx;height:28rpx;
  vertical-align: middle;
}
.swiper-container .nav .right-arrow{
  width:16rpx;height:16rpx;
  vertical-align: middle;
}
.swiper-container .nav .text{
  vertical-align: middle;
  margin:0 2rpx 0 8rpx;
}
.swiper{height: 100%;}
.swiper .image{
  width:100%;
  height:100%;
}

.nav-bar{
  background-color: #fff;
}
.shop-info{}
.shop-info .head{
  display: flex;
}
.shop-info .head .left{
  flex: 1;
}
.shop-info .head .image{
  width:180rpx;height:180rpx;
  margin-left:20rpx;
}
.shop-info .address{
  display: flex;
}
.shop-info .name{
  font-weight: 600;
  font-size: 40rpx;
  line-height: 50rpx;
}
.shop-info .time{
  font: 25rpx;
  margin-top:19rpx;
}
.shop-info .spliter{
  margin:20rpx 0 24rpx 0;
}
.shop-info .address .left{
  flex:1;
  overflow: hidden;
}
.shop-info .address .l1{
  font-size: 26rpx;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  margin-top:6rpx;
}
.shop-info .address .l2{
  font-size: 24rpx;
  color: #888888;
  margin-top:40rpx
}
.shop-info .address .right{
  font-size:22rpx;
  color: #888888;
  text-align: center;
  margin-left: 44rpx;
}
.shop-info .address .icon-con{
  padding:8rpx;
  background: rgba(153, 153, 153, 0.1);
  display: inline-block;
  border-radius: 50%;
}
.shop-info .address .icon{
  width:30rpx;height:30rpx;
}
.shop-info .address .right .text{
  margin-top:26rpx;
}

.page-container.shop-info{
  margin:0;
  padding:30rpx 40rpx 24rpx 40rpx;
  position: relative;
  border-radius: 0;
}
.group-buy{
}

.group-buy .item{
  margin:20rpx;
  display:flex;
  position: relative;
  overflow: hidden;
}
.group-buy .item:first-child{
  margin-bottom: 30rpx;
}
.group-buy .item .left{
  flex:1;
}
.group-buy .item .right{
  display: flex;
  align-items: center;
  position:relative;
}
.group-buy .item.ticket .title{
  margin-top:40rpx;
}
.group-buy .item.ticket .right{
  border-left: 1.6rpx dashed rgba(153, 153, 153, 0.3);
}
.group-buy .item.ticket .right::before,.group-buy .item.ticket .right::after{
  content: '';
  position: absolute;
  width:24rpx;height:24rpx;
  background-color:var(--main-bgclolor);
  border-radius: 50%;
  top:-42rpx;left:-12rpx;
}
.group-buy .item.ticket .right::after{
  top:auto;
  bottom:-42rpx;
}
.group-buy .item .title{
  font-size: 36rpx;
  font-weight: 500;
}
.group-buy .item .tips{
  color: #888888;
  font-size: 30rpx;
}
.group-buy .item .bl-money{
  /* display: flex;
  align-items: center; */
  margin-top:40rpx;
}
.group-buy .item .money{
  color:#EB0000;
  font-size: 48rpx;
}
.group-buy .item .money-disable{
  margin-left: 16rpx;
  font-size: 26rpx;
}
.group-buy .item .promation{
  background-color: #FFC300;
  font-size:22rpx;
  position: absolute;
  top:0;left:0;
  padding:8rpx 16rpx;
  border-radius: 9px 3px 9px 0px;
  color:#fff;
}
.group-buy .item .promation .image{
  width:28rpx;height:28rpx;
  margin-right: 10rpx;
  vertical-align: text-top;
}
.group-buy .item .bottom{
  display: flex;
  margin-top:30rpx;
  align-items: flex-end;
}
.group-buy .item .b-left{
  flex:1;
}
.group-buy .item .button{
  border-radius: 60rpx;
  font-size: 28rpx;
  line-height: 1;
  padding:18rpx 46rpx;
  margin-left:40rpx;
}