card-mini/pages/mine/shop/mineshop.wxss

/* pages/mine/shop/mineshop.wxss */
page {
  background: #F7F7F7;
}

/* 
.cardTitle {
  color: #fff;
  padding: 20rpx 40rpx;
  font-size: 70rpx;
  font-weight: 300;
  position: relative;
  text-align: center;
  text-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.3)
}

.cardTitle::before {
  position: absolute;
  width: 60rpx;
  height: 6rpx;
  border-radius: 20rpx;
  display: block;
}

.cardTitle::after {
  position: absolute;
  width: 140rpx;
  border-radius: 6rpx;
  height: 24rpx;
  display: block;
  bottom: 76rpx;
  left: 90rpx;
  opacity: 0.1;
} */
.page-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.info-box {
  width: 95%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10rpx;
  /* background-color: #E6B980; */
  margin-top: 20rpx;
  align-self: center;
  box-shadow: 10px 10px 60px 5px #efd9be;
  border-radius: 10rpx;
  padding: 10rpx 0rpx;
}

.base-info {
  width: 95%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 10rpx;
}

.base-info-text {
  display: flex;
  flex: 1;
  margin-left: 10rpx;
  flex-direction: column;
  align-items: left;
  justify-content: space-between;
  height: 200rpx;
  text-align: right;
}


.shop-name {
  font-size: 36rpx;
  text-align: center;
  color: #bf7708;
}

.base-info image {
  width: 200rpx;
  height: 200rpx;
  border-radius: 10rpx;
}

.base-info-loc {
  margin-top: 20rpx;
  font-size: 36rpx;
  width: 95%;
  text-align: left;
}

.shop-img {
  margin-top: 20rpx;
  display: flex;
  width: 95%;
  flex-direction: column;
  justify-content: center;
  align-items: left;
}

.shop-img-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 60rpx;
}

.shop-img-item image {
  width: 48rpx;
  height: 48rpx;
}

.authentication-info {
  position: absolute;
  right: 20rpx;
}

.authentication-info image {
  width: 100rpx;
  height: 100rpx;
}

.control-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  margin-top: 30rpx;
}

.control-btn {
  flex: 1;
  color: #ffffff;
  padding: 10rpx 0rpx;
  text-align: center;
  border-radius: 10rpx;
  margin: 10rpx;
}



.control-btn:nth-child(1) {
  background-image: linear-gradient(85deg, #f7b5b5, #f51f1f);
}

.control-btn:nth-child(1):active {
  color: #000000;
  background-image: linear-gradient(85deg, #979797, #bbbbbb);
}

.control-btn:nth-child(2) {
  background-image: linear-gradient(85deg, #b8d4f4, #037ccc);
}

.control-btn:nth-child(2):active {
  color: #000000;
  background-image: linear-gradient(85deg, #979797, #bbbbbb);
}

.control-btn:nth-child(3) {
  background-image: linear-gradient(85deg, #F4DBB8, #E6B980);
}

.control-btn:nth-child(3):active {
  color: #000000;
  background-image: linear-gradient(85deg, #979797, #bbbbbb);
}