/* 大盒子 */
.box{
  width: 100%;
  height: 100%;
}

/* 我的预约盒子 */
.wdyy{
  width: 390px;
  height: 50px;
  position: absolute;
  background-color: #eec2c7;
}
.wdyy image{
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 10px;
}

/* 《我的预约》 */
.wwdyy{
  font-size: 25px;
  font-weight: bold;
  left: 150px;
  top: 10px;
  position: absolute;
  color: black;
}

/* 三个预约盒子 */
.box1{
  width: 100%;
  height: 210px;
  top: 50px;
  position: relative;
  border: 1px #d9d9d9 solid;
}

/* 从上到下三个盒子 */
.box2{
  width: 100%;
  height: 80px;
}
.box2 image{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.box3{
  width: 100%;
  height: 80px;
  position: relative;
  top: 80px;
}
.box3 image{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  left: 320px;
}
.box4{
  width: 100%;
  height: 50px;
  position: relative;
  top: 80px;
}

/* 预约提示 */
.p1{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 100px;
  top: 20px;
}
.p2{
  font-size: 12px;
  position: absolute;
  left: 100px;
  top: 50px;
}

/* 预约内容 */
.p3{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 20px;
  top: 20px;
}
.p4{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 20px;
  top: 50px;
}

/* 下单日期和情况 */
.p5{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 20px;
  top: 10px;
}
.p6{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  right: 40px;
  top: 10px;
}