toktok-front/toktok-wx-applet/pages/beerStore/beerStore.wxss

/* pages/beerStore/beerStore.wxss */
page{
  background-color: #F7F7F7;
}
.img-box{
  width: 750rpx;
  height: 488rpx;
  position: relative;
}
.img-box-swiper{
  width: 750rpx;
  height: 488rpx;
}
.box-swiper-item>image{
  width: 750rpx;
  height: 488rpx;
}
.swiper-num{
  position: absolute;
  bottom: 24rpx;
  right: 24rpx;
  width: 56rpx;
  height: 36rpx;
  background: rgba(0,0,0,0.6);
  border-radius: 12px;
  font-size: 22rpx;
  color: #FFFFFF;
  line-height: 36rpx;
  text-align: center;
}
.store-box{
  width: 702rpx;
  height: 264rpx;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(55,79,109,0.06);
  border-radius: 4px;
  margin: 24rpx 24rpx 0;
  display: flex;
  flex-direction: row;
}
.store-box>view:nth-child(1){
  margin: 36rpx 48rpx 36rpx 32rpx;
  width: 430rpx;
  height: auto;
  display: flex;
  flex-direction: column;
}
.store-box>view:nth-child(1)>text:nth-child(1){
  width: 430rpx;
  height: 44rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.87);
  line-height: 44rpx;
  text-align: left;
  margin-bottom: 24rpx;
}
.store-ad{
  display: flex;
  flex-direction: row;
}
.store-ad>image:nth-child(1){
  width: 28rpx;
  height: 28rpx;
  margin: 4rpx 16rpx auto 0;
}
.store-ad>text:nth-child(2){
  width: 386rpx;
  height: auto;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.6);
  line-height: 36rpx;
}
.store-box>text:nth-child(2){
  width: 2rpx;
  height: 184rpx;
  background-color: rgba(0,0,0,0.12);
  margin: 40rpx 0;
}
.store-box>view:nth-child(3){
  width: 190rpx;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 40rpx 0 36rpx;
}
.store-box>view:nth-child(3)>text:nth-child(1){
  width: auto;
  height: 36rpx;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.6);
  line-height: 36rpx;
  margin-bottom: auto;
}
.store-box>view:nth-child(3)>text:nth-child(2),
.store-box>view:nth-child(3)>text:nth-child(3){
  width: auto;
  height: 36rpx;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF5700;
  line-height: 36rpx;
}

.beer-more{
  width: 750rpx;
  height: 32rpx;
  font-size: 26rpx;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  line-height: 32rpx;
  text-align: center;
  padding-bottom: env(safe-area-inset-bottom);
  margin: 278rpx 0 48rpx;
}