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

/* 我的收藏盒子 */
.wdsc{
  width: 390px;
  height: 50px;
  position: absolute;
  background-color: #eec2c7;
}
.wdsc image{
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 10px;
}
/* 《我的收藏》 */
.wwdsc{
  font-size: 25px;
  font-weight: bold;
  left: 150px;
  top: 10px;
  position: absolute;
  color: #ffffff;
}

/* 收藏店铺盒子 */
.box1{
  width: 100%;
  height: 350px;
  position: absolute;
  top: 55px;
  border: 1px #d4d4d4 solid;
}

/* 收藏美甲师盒子 */
.box2{
  width: 100%;
  height: 550px;
  position: absolute;
  top: 405px;
  border: 1px #d4d4d4 solid;
}

/* 《收藏店铺》 《收藏美甲师》 */
.p1{
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 10px;
}


/* a店铺 */
.adianpu{
  width: 344px;
  height: 120px;
  position: absolute;
  left: 22px;
  top: 50px;
  margin: auto;
  border: 3px #de868f solid;
  border-radius: 20px;
}
.adianpu image{
  width: 90px;
  height: 90px;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 10px;
}

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

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


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

/* 可预定小框 */
.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;
  color: #ffffff;
}
.wyy2{
  font-size: 12px;
  color: #4095e5;
}

/* 店铺地点 */
.wdpdd{
  font-size: 12px;
  left: 110px;
  top: 85px;
  position: absolute;
  color: #9b9b9b;
}

/* 收藏美甲师两个盒子 */
.box3{
  width: 100%;
  height: 90px;
  position: absolute;
}
.box3 image{
  width: 70px;
  height: 70px;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 50px;
}
.box4{
  width: 100%;
  height: 120px;
  position: absolute;
  top: 90px;
}
.box41{
  width: 80px;
  height: 80px;
  position: absolute;
  left: 10px;
  top: 30px;
}
.box41 image{
  width: 80px;
  height: 80px;
  position: absolute;
}
.box42{
  width: 80px;
  height: 80px;
  position: absolute;
  left: 110px;
  top: 30px;
}
.box42 image{
  width: 80px;
  height: 80px;
  position: absolute;
}
.box43{
  width: 80px;
  height: 80px;
  position: absolute;
  left: 210px;
  top: 30px;
}
.box43 image{
  width: 80px;
  height: 80px;
  position: absolute;
}

/* 美甲师个人信息  作品展示 */
.p2{
  font-size: 14px;
  position: absolute;
  left: 90px;
  top: 15px;
}
.p3{
  font-size: 14px;
  position: absolute;
  left: 90px;
  top: 35px;
}
.p4{
  font-size: 14px;
  position: absolute;
  left: 90px;
  top: 55px;
}
.p5{
  font-size: 15px;
  position: absolute;
  font-weight: bold;
  left: 20px;
  top: 5px;
}

.box5{
  width: 100%;
  height: 210px;
  position: relative;
  top: 40px;
  border: 1px #e8e8e8 solid;
}