jiaqingjiayi-xiaochengxu/甲情_甲意/miniprogram/pages/shouye/shouye.acss

.shouyeBox1{
  height: 110px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* 个人预约 */
.box1{
  width: 180px;
  height: 100px;
  background-color:#ff001913;
  top:20px;
  left:10px;
  position: absolute;
  border-radius: 20px;
}
.text1{
  font-size:20px;
  font-weight: bolder;
  position: absolute;
  color:#DE868F;
  left:50px;
  top:40px;
}
/* 到店服务 */
.box2{
  width: 180px;
  height: 100px;
  background-color:#ff001913 ;
  top:20px;
  right:10px;
  position: absolute;
  border-radius: 20px;
}
.text2{
  font-size:20px;
  font-weight: bolder;
  position: absolute;
  color:#DE868F;
  right:50px ;
  top:40px;
}
.k1{
  width: 100%;
  height: 60px;
  background-color: #efaab1b7;
  top:80rpx;
  position: relative;

}
.z1{
  font-size: 25px;
  font-weight: bolder;
  position: absolute;
  color: #ffffff;
  top:15px;
  left:20px;
}
/* a店铺 */
.adianpu{
  width: 344px;
  height: 120px;
  position: relative;
  left: 8rpx;
  top: 60px;
  margin: auto;
  border: 3px #de868f solid;
  border-radius: 20px;
  margin-top: 15rpx;
}

/* a店铺名称 */
.aname{
  font-size: 15px;
  font-weight: bold;
  left: 110px;
  top: 15px;
  position: absolute;
  color: black;
}

/* a店铺图片 */
.t1 image{
  width: 100px;
  height: 100px;
  position: absolute;
  top:10px;
  left:5px;
  border-radius: 20px;
}

/* b店铺 */
.bdianpu{
  width: 344px;
  height: 120px;
  position: absolute;
  left: 22px;
  top: 620px;
  margin: auto;
  border: 3px #de868f solid;
  border-radius: 20px;
}

/* b店铺名称 */
.aname{
  font-size: 15px;
  font-weight: bold;
  left: 110px;
  top: 15px;
  position: absolute;
  color: black;
}

/* b店铺图片 */
.t2 image{
  width: 100px;
  height: 100px;
  position: absolute;
  top:10px;
  left:5px;
  border-radius: 20px;
}

/* 可预定小框 */
.ksm{
  width: 70px;
  height: 26px;
  position: absolute;
  left: 255px;
  top: 40px;
  border: 1px #4095e5 solid;
  border-radius: 10px;
}

/* 可预定  休息中 小字 */
.wksm{
  font-size: 12px;
  left: 18px;
  top: 6px;
  position: absolute;
  color: #4095e5;
}

/* 接受预约 */
.yy1{
  width: 50px;
  height: 25px;
  position: absolute;
  left: 110px;
  top: 45px;
  background-color: #4095e5;
}
.yy2{
  width: 60px;
  height: 25px;
  position: absolute;
  left: 165px;
  top: 45px;
  background-color: #ffffff;
}
.yy3{
  width: 10px;
  height: 25px;
  position: absolute;
  left: 230px;
  top: 45px;
  background-color: #4095e5;
}

/* 《预约》 */
.wyy1{
  font-size: 12px;
  top:5px;
  position: absolute;
  color: #ffffff;
}
.wyy2{
  font-size: 12px;
  top:5px;
  position: absolute;
  color: #4095e5;
}

/* 店铺地点 */
.wdpdd{
  font-size: 12px;
  left: 110px;
  top: 85px;
  position: absolute;
  color: #9b9b9b;
}
/* 弹性盒 */
.box3{
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
  justify-content: space-between; /* 使子元素分布更均匀 */
}
.container {
  display: flex;
  flex-direction: row; /* 设为横向排列 */
  align-items: center; /* 纵向居中对齐 */
}

.box4 {
  display: inline-flex;
  width: 160rpx;
  height: 160rpx;
  background-color: pink;
  border-radius: 10%;
  justify-content: center;
  align-items: center;
  box-shadow: -10px 10px 0px rgba(33, 2, 2, 0.1);
  position: relative;
}

.box5 {
  width: 100%;
  position: relative;
  margin-left: 30rpx;
  top: 20rpx;
}
.text3{
  color: white;
}