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

.box{
  width: 100%;
  height: 700px;
}

/* 小德美甲店铺盒子  和  相关信息 */
.box1{
  width: 100%;
  height: 100px;
  position: absolute;
  background-color: #eabec3;
}
.box1 image{
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 20px;
}

/* 收藏按钮 */
.boxsc{
  width: 60px;
  height: 30px;
  position: absolute;
  right: 50px;
  top: 30px;
  border-radius: 10px;
  border: 2px #ffffff solid;
}
.psc{
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 12px;
  top: 5px;
  color: #ffffff;
}

.p1{
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  left: 50px;
  top: 20px;
}
.p2{
  font-size: 14px;
  position: absolute;
  left: 45px;
  top: 45px;
}

/* 白色框 */
.box2{
  width: 100%;
  height: 650px;
  position: absolute;
  top: 80px;
  border-radius: 30px;
  background-color: #ffffff;
}

/* 《推荐美甲师》 */
.p3{
  font-size: 16px;
  font-weight: bold ;
  position: absolute;
  left: 20px;
  top: 20px;
}

/* 美甲师信息盒子  2个 */
.box3{
  width: 100%;
  height: 150px;
  position: absolute;
  top: 50px;
  border: 1px #e0e0e0 solid;
}
.box3 image{
  width: 80px;
  height: 80px;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 50px;
}
.box4{
  width: 100%;
  height: 150px;
  position: absolute;
  top: 200px;
  border: 1px #e0e0e0 solid;
}
.box4 image{
  width: 80px;
  height: 80px;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 50px;
}

/* 美甲师信息  */
.box5{
  width: 250px;
  height: 80px;
  position: absolute;
  top: 20px;
  left: 90px;
}
.p4{
  font-size: 16px;
  position: absolute;
}
.p5{
  font-size: 16px;
  position: absolute;
  top: 25px;
}
.p6{
  font-size: 16px;
  position: absolute;
  top: 50px;
}

/* 可预约 框和字 */
.box6{
  width: 100px;
  height: 30px;
  position: absolute;
  left: 40px;
  bottom: 10px;
  background-color: #58a55c;
  border-radius: 15px;
}
.p7{
  font-size: 15px;
  position: absolute;
  left: 25px;
  top: 5px;
  color: #ffffff;
}

/* 咨询 框和字 */
.box7{
  width: 50px;
  height: 30px;
  position: absolute;
  right: 20px;
  bottom: 10px;
  background-color: #f5b037;
  border-radius: 10px;
}
.p8{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: 5px;
  color: #ffffff;
}

/* 《推荐项目》 */
.p9{
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 20px;
  top: 370px;
}

/* 项目盒子 2个 */
.box8{
  width: 160px;
  height: 200px;
  position: absolute;
  left: 20px;
  bottom: 40px;
  border-radius: 10px;
}
.box8 image{
  width: 110px;
  height: 110px;
  position: absolute;
  left: 20px;
  border-radius: 10px;
}
.box9{
  width: 160px;
  height: 200px;
  position: absolute;
  right: 20px;
  bottom: 40px;
  border-radius: 10px;
}
.box9 image{
  width: 110px;
  height: 110px;
  position: absolute;
  left: 20px;
  border-radius: 10px;
}

/* 项目信息 */
.p10{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 25px;
  bottom: 70px;
}
.p11{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 50px;
  bottom: 45px;
  color: #f5b03d;
}

/* 预约项目 框和字 */
.box10{
  width: 80px;
  height: 30px;
  position: absolute;
  left: 40px;
  bottom: 10px;
  background-color: #58a55c;
  border-radius: 10px;
}
.p12{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: 5px;
  color: #ffffff;
}