1hjz-mini/pages/mall/mall.wxss

/* pages/jz/jz.wxss */
page{
  font-family: PingFang-SC-Bold;
  background: #F3F3F3;
}
view{
  font-family: PingFang-SC-Bold;
  border: 0;
  font-size: 28rpx;
  font: inherit;
  vertical-align: baseline;
}
swiper{
  height: 400rpx;
}
image{
  width: 100%;
}
.title_img{
  width: 24%;
  margin: 10rpx 10%;
  display: inline-block;
}
.header{
  width: 100%;
  background-color: #26ae76;
}
.top-left,.top-right{
  width: 28%;
  display: inline-block;
  vertical-align:super;
}
.address{
  font-size: 30rpx;
  color:#fff;
  margin-left:44rpx;
}
.middle{
  background: #fff;
  margin-bottom: 20rpx;
}
.middle_left,.middle_right{
  width: 27%;
  display: inline-block;
  font-size: 32rpx;
  padding: 20rpx 0;
  text-align: center;
  margin: 10rpx 11% 0;
}
.active{
  color:#26AE76;
  border-bottom: 4rpx solid #26AE76;
}
.col-line{
  display: inline-block;
  width: 2rpx;
  background: #D2D2D2;
  height: 52rpx;
  vertical-align: middle;
}
.detail-box{
  display: none;
  background: #fff;
  margin-top: 10rpx;
}
.visible{
  display: block;
}
.img-box{
  display: inline-block;
}
.detail-img{
  width: 140rpx;
  height: 140rpx;
  margin: 24rpx 28rpx 24rpx 21rpx;
}
.detail-msg{
  display: inline-block;
  width: 50%;
  font-size: 30rpx;
  vertical-align: top;
  padding-top: 24rpx;
}
.msg-title{
  font-size: 32rpx;
}
.msg-intro{
  font-size: 26rpx;
  color:#999999;
  margin:10rpx 0; 
}
.msg-price{
  font-size: 36rpx;
  color:#EE3030;
}
/* .line{
  height: 10rpx;
  width: 100%;
  background: #F3F3F3;
} */
/* .line2{
  height: 10rpx;
  width: 100%;
  background: #F3F3F3;
} */
.booking-btn{
  float: right;
  width: 160rpx;
  height: 60rpx;
  margin-top: 64rpx;
  margin-right: 30rpx;
  background: #26AE76;
  border-radius: 4rpx;
  color: #fff;
  line-height: 60rpx;
  text-align: center;
  font-size: 32rpx;
}

/*优惠价格*/
del{
    color: #c0c0c0;font-size: 28rpx;margin-left: 20rpx;position:absolute;margin-top: 6rpx;font-family: "微软雅黑 Light";font-weight: bold;text-decoration: line-through;
}
/*商品栏*/
.goods_title{border-bottom: none;text-align: center;padding: 0.6rem 0.8rem;}
.goods_title span{font-weight: bold;}
/*常用服务*/
.regularly_title{ width:22%; height:41px; line-height:41px; position:relative; margin-left:auto; margin-right:auto; text-align:center; color:#b2bab8;}
.regularly_title .border_top{ width:160%; top:20px;}

/*商品详情*/
.goods_limit_buy .swiper-wrapper .swiper-slide{display: inline-block;position: relative;}
.goods_limit_buy .swiper-slide image{width:90%;height: auto;margin: 20rpx auto 0px;}
.goods_limit_buy .swiper-slide .p1{
    font-size: 32rpx;
    color: #666;
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.goods_limit_buy .swiper-slide .p2{
  font-size: 32rpx;
  display: inline-block;
}
.goods_limit_buy .swiper-slide .p3{font-size: 24rpx;color: #999999;width: 32rpx;margin: 2rpx auto 4rpx}
.goods_limit_buy .swiper-slide .p4{
    color: #ff4040;
    font-size: 40rpx;
    font-family: '微软雅黑 Light';
    font-weight: bold;
    margin: 20rpx 0;
}
.goods_limit_buy .swiper-slide .p5{text-decoration:line-through;color: #c0c0c0;font-size: 28rpx;margin-left: 20rpx;position:absolute;margin-top: 6rpx;font-weight: bold;}
.goods_limit_buy .locatLabel_switch{ width:100%; z-index:1; text-align:center; overflow:hidden; position:relative;}
.goods_limit_buy .locatLabel_switch .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.goods_limit_buy .locatLabel_switch .swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;height: 100%;position: relative;text-align: center;
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.goods_limit_buy .locatLabel_switch .box{display:inline-block;line-height:48rpx; font-size:28rpx;background-color: #fff;width: 48%;margin:0 1% 20rpx;box-shadow: 4rpx 6rpx 4rpx #eee;}

.goods_limit_buy{padding: 0 12rpx;margin-top: 10rpx;}
.combo_type{position: absolute;display: inline-block;padding: 0px 10rpx;border-radius: 10rpx;font-size: 20rpx;line-height: 40rpx;margin-left: 20rpx;color: #fff;white-space: nowrap;}
.middle_banner{margin-bottom: 8rpx;}
.sell_out{position: absolute;width: 36%;z-index: 100;top:16rpx;right: 20rpx;height: auto;}
.main_box{
  display: inline-block;width: 100%
}

/*广告栏*/
.ad1{margin-bottom: 4rpx;}