discounts-minapp/unpackage/dist/dev/mp-weixin/detail/shopDetail/shopDetail.wxss

@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.shopDetail {
  background: #fff;
  min-height: 100vh;
}
.shopDetail .top-box .bg {
  width: 100%;
  height: 240rpx;
  object-fit: cover;
  vertical-align: bottom;
}
.shopDetail .top-box .shop-info {
  padding: 16rpx 24rpx;
  margin-top: -30rpx;
  box-sizing: border-box;
  background: #fff;
  border-radius: 32rpx;
  position: relative;
  z-index: 2;
  display: flex;
}
.shopDetail .top-box .shop-info .shop-logo {
  width: 120rpx;
  height: 120rpx;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  margin-top: -28rpx;
}
.shopDetail .top-box .shop-info .info-box {
  margin-left: 20rpx;
  color: #222222;
}
.shopDetail .top-box .shop-info .info-box .title-box {
  display: flex;
  justify-content: space-between;
}
.shopDetail .top-box .shop-info .info-box .title-box .title {
  font-size: 32rpx;
  font-weight: bold;
}
.shopDetail .top-box .shop-info .info-box .address-box {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 12rpx;
  box-sizing: border-box;
  font-size: 22rpx;
}
.shopDetail .top-box .shop-info .info-box .address-box .address {
  display: flex;
  align-items: center;
}
.shopDetail .top-box .shop-desc {
  font-size: 20rpx;
  color: #AAAAAA;
  padding: 0 24rpx;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  white-space: nowrap;
}
.shopDetail .tab-box {
  display: flex;
  height: 80rpx;
  background: #fff;
  margin: 20rpx 24rpx;
  border-bottom: 1rpx solid #F0F0F0;
}
.shopDetail .tab-box .tab {
  flex: 1;
  line-height: 80rpx;
  text-align: center;
  font-size: 28rpx;
  color: #222222;
}
.shopDetail .tab-box .tab.active {
  font-weight: bold;
  color: #222222;
  position: relative;
}
.shopDetail .tab-box .tab.active::before {
  content: '';
  width: 40rpx;
  height: 8rpx;
  background: linear-gradient(135deg, #FFA467 0%, #FFC888 100%);
  border-radius: 4rpx 4rpx 4rpx 4rpx;
  position: absolute;
  bottom: 0%;
  left: calc(50% - 20rpx);
}
.shopDetail .content {
  padding: 0 30rpx 100rpx;
}
.shopDetail .content .discounts {
  padding: 30rpx 0;
  border-radius: 8px;
}
.shopDetail .content .discounts .title {
  font-weight: bold;
  font-size: 28rpx;
}
.shopDetail .content .discounts .discounts-item {
  -webkit-filter: drop-shadow(0 6rpx 2rpx rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 6rpx 2rpx rgba(0, 0, 0, 0.1));
}
.shopDetail .content .discounts .discounts-item .card-content.card-used {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 144rpx;
}
.shopDetail .content .discounts .discounts-item .card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #efefef;
  background: url(data:image/png;base64,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) no-repeat;
  background-repeat: no-repeat;
  background-size: 100% 144rpx;
  -webkit-filter: drop-shadow(0rpx 0rpx 6rpx 2rpx rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0rpx 0rpx 6rpx 2rpx rgba(0, 0, 0, 0.1));
  border-radius: 16rpx;
  height: 144rpx;
  padding: 0 30rpx 0 48rpx;
  margin-top: 20rpx;
  position: relative;
  box-sizing: border-box;
}
.shopDetail .content .discounts .discounts-item .card-content .info .title {
  color: #FFAA6C;
  font-size: 28rpx;
  font-weight: bold;
}
.shopDetail .content .discounts .discounts-item .card-content .info .desc {
  display: flex;
  align-items: center;
  font-size: 20rpx;
  color: #AAAAAA;
}
.shopDetail .content .discounts .discounts-item .card-content .info .desc .jiantou {
  width: 20rpx;
  height: 20rpx;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  display: block;
  margin-left: 10rpx;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.shopDetail .content .discounts .discounts-item .card-content .info .open .jiantou {
  -webkit-transform: rotateZ(270deg) !important;
          transform: rotateZ(270deg) !important;
}
.shopDetail .content .discounts .discounts-item .card-content .info .red {
  color: #FD7300 !important;
}
.shopDetail .content .discounts .discounts-item .card-content .info .limit {
  font-size: 20rpx;
  color: #AAAAAA;
  margin: 10rpx 0;
}
.shopDetail .content .discounts .discounts-item .card-content .info .time {
  color: #9a9a9a;
  font-size: 24rpx;
  margin-top: 15rpx;
}
.shopDetail .content .discounts .discounts-item .card-content .btn-box .btn {
  width: 118rpx;
  height: 48rpx;
  line-height: 48rpx;
  text-align: center;
  font-size: 24rpx;
  font-weight: bold;
  background: linear-gradient(135deg, #FFA467 0%, #FFC888 100%);
  border-radius: 24rpx;
  color: #fff;
  margin-top: 15rpx;
}
.shopDetail .content .discounts .discounts-item .card-content .num {
  position: absolute;
  white-space: nowrap;
  bottom: 10rpx;
  right: 26rpx;
  font-size: 18rpx;
  color: #222222;
}
.shopDetail .content .discounts .discounts-item .card-desc {
  font-size: 20rpx;
  color: #AAAAAA;
  padding: 20rpx 10rpx;
  background: #FFFFFF;
  border-radius: 0rpx 0rpx 16rpx 16rpx;
}
.shopDetail .content .discounts .discounts-item .card-desc .desc {
  margin-top: 22rpx;
}
.shopDetail .content .goods-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.shopDetail .content .goods-list .goods-item {
  background: #F9F9F9;
  border-radius: 16rpx;
  width: 342rpx;
  box-sizing: border-box;
  margin-top: 20rpx;
  display: flex;
  flex-direction: column;
}
.shopDetail .content .goods-list .goods-item .goods-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8rpx;
  flex: 1;
}
.shopDetail .content .goods-list .goods-item .goods-info .goods-name {
  font-weight: bold;
  color: #222222;
  font-size: 24rpx;
  margin: 16rpx 0;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.shopDetail .content .goods-list .goods-item .goods-info .type {
  color: #AAAAAA;
  font-size: 20rpx;
}
.shopDetail .content .goods-list .goods-item .goods-info .price {
  font-weight: bold;
  color: #FF4C3A;
  font-size: 28rpx;
  margin-top: 16rpx;
}
.shopDetail .hot-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20rpx 0;
}
.shopDetail .hot-title .icon {
  width: 29rpx;
  height: 35rpx;
}
.shopDetail .hot-title .title {
  font-size: 32rpx;
  color: #0F0F0F;
  font-weight: bold;
  padding: 0 10rpx;
}
.shopDetail .zs-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 30rpx;
}
.shopDetail .zs-list .left .left-frist {
  padding: 15rpx;
  border-radius: 16rpx;
  width: 332rpx;
  height: 284rpx;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FFDEDE 0%, #FFFFFF 100%);
  box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
  margin-bottom: 25rpx;
}
.shopDetail .zs-list .left .left-frist .top-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shopDetail .zs-list .left .left-frist .top-box .title {
  color: #0F0F0F;
  font-size: 26rpx;
}
.shopDetail .zs-list .left .left-frist .top-box .type-box {
  display: flex;
  align-items: center;
  padding: 0 16rpx;
  height: 40rpx;
  line-height: 40rpx;
  border-radius: 20rpx;
  background: linear-gradient(90deg, #FE574C 0%, #FE2A5C 100%);
}
.shopDetail .zs-list .left .left-frist .top-box .type-box .hot {
  width: 16.7rpx;
  height: 21.7rpx;
}
.shopDetail .zs-list .left .left-frist .top-box .type-box .type {
  font-size: 20rpx;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 6rpx;
}
.shopDetail .zs-list .left .left-frist .image-box {
  position: relative;
  margin-top: 20rpx;
}
.shopDetail .zs-list .left .left-frist .image-box .image {
  width: 302rpx;
  height: 182rpx;
  border-radius: 16rpx;
}
.shopDetail .zs-list .left .left-frist .image-box .btn-box {
  position: absolute;
  left: 0;
  bottom: 10rpx;
  display: flex;
  align-items: center;
}
.shopDetail .zs-list .left .left-frist .image-box .btn-box .desc {
  font-size: 24rpx;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 10rpx;
}
.shopDetail .zs-list .left .left-frist .image-box .btn-box .btn {
  height: 36rpx;
  line-height: 36rpx;
  padding: 0 14rpx;
  background: #61B5FD;
  border-radius: 8rpx;
  color: #FFFFFF;
  font-size: 20rpx;
}
.shopDetail .zs-list .right .frist {
  border: 1px solid #FF612E;
}
.shopDetail .zs-list .right .frist .info {
  background: #FF612E;
  color: #fff;
}
.shopDetail .zs-list .right .frist .info .address {
  color: #fff;
}
.shopDetail .zs-list .store-item {
  width: 335rpx;
  margin-bottom: 25rpx;
  box-shadow: 0rpx 0rpx 24rpx 2rpx rgba(0, 0, 0, 0.08);
  border-radius: 16rpx;
  background: #fff;
}
.shopDetail .zs-list .store-item .icon {
  width: 100%;
  height: 300rpx;
  border-radius: 16rpx 16rpx 0 0;
}
.shopDetail .zs-list .store-item .info {
  padding: 20rpx;
  background: #fff;
  border-radius: 0 0 16rpx 16rpx;
  position: relative;
}
.shopDetail .zs-list .store-item .info .hot-icon {
  position: absolute;
  bottom: 20rpx;
  right: 25rpx;
  width: 44.6rpx;
  height: 48.6rpx;
}
.shopDetail .zs-list .store-item .info .title {
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.shopDetail .zs-list .store-item .info .tags {
  display: flex;
  align-items: center;
}
.shopDetail .zs-list .store-item .info .tags .tag-item {
  line-height: 50rpx;
  border-radius: 8rpx;
  padding: 6rpx 0;
  font-size: 24rpx;
  margin-left: 10rpx;
  display: flex;
}
.shopDetail .zs-list .store-item .info .tags .tag-item .label {
  background: #FFF;
  color: #FE5B47;
  padding: 0 10rpx;
  border-radius: 8rpx 0 0 8rpx;
}
.shopDetail .zs-list .store-item .info .tags .tag-item .value {
  color: #FFF;
  background: rgba(255, 255, 255, 0.2);
  padding: 0 14rpx;
  border-radius: 0 8rpx 8rpx 0;
}
.shopDetail .zs-list .store-item .info .address {
  display: flex;
  align-items: center;
  margin-top: 15rpx;
  color: #999;
}
.shopDetail .zs-list .store-item .info .address .position {
  width: 25rpx;
  height: 29rpx;
  margin-right: 8rpx;
}
.shopDetail #map {
  position: relative;
  top: -100000px;
  left: -1000000px;
}