yuminge-app/yun-min-program-plugin-master/packageG/independent_store/index/index.wxss

/* packageG/independent_store/index/index.wxss */
page {
  background-color: #fff;
  font-size: 12px;
}

.br {
  width: 750rpx;
  height: 20rpx;
  background-color: #f9fbfc;
}

.line-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.top-containe {
  position: relative;
  background-color: #fff;
  padding-top: 20rpx;
}

.top-containe .albums-icon {
  position: absolute;
  z-index: 3;
  bottom: 89rpx;
  right: 100rpx;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 25rpx;
  padding: 5rpx 15rpx;
  color: #fff;
}

.top-containe .albums-icon .icon-imgs {
  display: flex;
  align-items: center;
}

.top-containe .albums-icon .icon-img {
  font-size: 32rpx;
  margin-right: 10rpx;
}

.top-containe .top-swiper {
  width: 100%;
  height: 350rpx;
  margin: 0 auto;
}

.top-swiper .swiper-item {
  display: flex;
  align-items: center;
  overflow: visible;
}

.top-swiper .active-swiper-item {
  height: 350rpx !important;
}

.top-swiper .swiper-items-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 600rpx;
  height: 320rpx;
  border-radius: 25rpx;
  overflow: hidden;
  background-color: #eee;
  transition: all 0.2s ease 0s;
}

.top-swiper .swiper-items-box image {
  width: 100%;
  height: 100%;
}

.top-swiper .swiper-items-box video {
  width: 100%;
  height: 100%;
}

.top-containe .right-load-moer {
  position: absolute;
  right: -110rpx;
  width: 55rpx;
  height: 330rpx;
  background-color: #f5f5f5;
  border-radius: 25rpx 0rpx 0rpx 25rpx;
  text-align: center;
  writing-mode: tb;
  padding-right: 7rpx;
  box-sizing: border-box;
  transition: all 500ms ease;
}

.featIn {
  right: -55rpx !important;
}

.notice-box {
  margin: 20rpx 0;
}

.notice-box .notice-bar {
  height: auto !important;
  color: #fa761d !important;
  background-color: rgba(250, 118, 26, 0.1) !important;
}

/* .center-containe { */

/* padding: 0 15rpx 0 30rpx; */

/* } */

.center-containe .store-box {
  position: relative;
  display: flex;
  margin: 30rpx 30rpx;
  padding-bottom: 30rpx;
}

.center-containe .store-box::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform: scaleY(0.5);
  background-color: #cfcece;
}

.store-box .store-img {
  width: 130rpx;
  height: 130rpx;
  background-color: #c2b7b7;
  border-radius: 10rpx;
  overflow: hidden;
}

.store-box .store-img image {
  width: 100%;
  height: 100%;
  margin: 0;
}

.store-box .store-info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 550rpx;
  margin-left: 20rpx;
}

.store-info .store-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #1e1e1e;
  font-size: bold;
}

.store-info .bottom {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  color: #656565;
}

.store-info .bottom .text {
  font-size: 13px;
}

.store-info .bottom .iconfont {
  margin-right: 10rpx;
  color: #f64747;
}

.store-info .bottom .time,
.store-info .bottom .distribution-type {
  display: inline-flex;
  align-items: center;
  margin-right: 20rpx;
}

/* 联系地址 */
.center-containe .addr-box {
  display: flex;
  align-items: center;
  padding: 0 30rpx;
}

.addr-box .addr {
  display: flex;
  flex: 1;
  padding-bottom: 10rpx;
}

.address {
  margin-left: 10rpx;
  font-size: 14px;
  line-height: 20px;
}

.address .store-area {
  font-size: 12px;
  color: #a8a7a7;
}

.addr-box .contact {
  display: flex;
  align-items: center;
  padding: 0 20rpx;
  color: #fa761d;
}

.addr-box .contact .col {
  transform: scaleX(0.5);
  font-size: 50rpx;
  margin: 0 30rpx;
  color: #cbcbcb;
}

/* 优惠活动 */
.center-containe .discount {
  display: flex;
  align-items: center;
  flex-flow: wrap;

  /* margin: 20rpx 0; */
  padding: 20rpx 30rpx;
  font-size: 13px;
}

.discount .discount-tag {
  margin: 10rpx 10rpx 10rpx 0;
  padding: 5rpx 20rpx;
  border-radius: 10rpx;
  border-radius: 6rpx;
  background-color: rgba(254, 157, 0, 0.2);
  color: #fe9d00;
}

/* 店铺优惠券 */
.center-containe .store-coupons {
  overflow: hidden;
  padding: 0 30rpx;
}

.store-coupons .coupons-top {
  margin: 20rpx 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.store-coupons .coupons-top .title {
  font-size: 16px;
}

.store-coupons .coupons-top .more {
  color: #f64747;
  display: flex;
}

.center-containe .store-coupons .scrollX {
  margin: 0;
}

.scrollX .coupon {
  display: inline-flex;
  margin: 0 20rpx;
  align-items: center;
  justify-content: space-around;
  width: 296rpx;
  height: 130rpx;
  color: #fff;
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/independent_store/coupon.png");
}

.scrollX .coupon .left-text {
  display: flex;
  justify-content: center;
  width: 12px;
  height: 130rpx;
  writing-mode: tb;
  letter-spacing: 1rpx;
  line-height: 1;
}

.scrollX .coupon .right-text {
  width: 200rpx;
  text-align: center;
}

.scrollX .right-text .coupon-amount {
  font-size: 18px;
}

.scrollX .right-text .message {
  font-size: 13px;
}

/* 门店评价 */
.center-containe .store-evaluate {
  margin: 20rpx 0 0 0;
  padding: 0 30rpx;
}

.top-title {
  display: flex;
  justify-content: space-between;
}

.top-title .title {
  font-size: 13px;
}

.top-title .more {
  color: #f64747;
  display: flex;
}

.evaluate-box {
  display: inline-block;
  margin: 0rpx 20rpx;
  margin-top: 10rpx;
  width: 380rpx;
  padding: 20rpx;
  box-shadow: 3rpx 3rpx 28rpx #e0e0e0;
}

.evaluate-box .user-info {
  display: flex;
}

.user-info .left-avatar {
  width: 70rpx;
  height: 70rpx;
  border-radius: 50%;
  background: #e0e0e0;
}

.user-info .right {
  margin-left: 15rpx;
}

.icon-link {
  color: #f19d38;
  white-space: nowrap;
}

.bottom-containe {
  background-color: #fff;
}

.bottom-containe .tabs {
  background-color: #f9fbfc;
}

.tabs .tab {
  color: #888 !important;
}

.tabs .tab-active {
  color: #fe9d00 !important;
}

.tabs .van-tabs__line {
  background-color: #fe9d00 !important;
}

.contact-popup {
  box-sizing: border-box;
  padding: 33rpx 33rpx;
  width: 600rpx;

  /* display: flex;
  flex-direction: column; */

  /* width: 80%;
  height: 30%; */
}

.contact-popup .phone-call::after,
.contact-popup .phone-copy::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1rpx;
  left: 0;
  bottom: 0;
  background-color: rgba(187, 187, 187, 0.933);
  transform: scaleY(0.5);
}

.contact-popup .cell {
  position: relative;
  padding: 27rpx 0;
  font-size: 14px;
}

.contact-popup .cell:last-child {
  box-shadow: none;
}