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

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

/* 订单盒子 */
.ddyydd{
  width: 390px;
  height: 50px;
  position: absolute;
  background-color: #eec2c7;
}
.ddyydd image{
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 10px;
}

/* 《订单》 */
.wddyydd{
  font-size: 25px;
  font-weight: bold;
  left: 170px;
  top: 10px;
  position: absolute;
  color: black;
}

/* 两个订单盒子 */
.box1{
  width: 100%;
  height: 210px;
  top: 100px;
  position: relative;
  border: 1px #d9d9d9 solid;
}
.box9{
  width: 100%;
  height: 210px;
  top: 150px;
  position: relative;
  border: 1px #d9d9d9 solid;
}

/* 到店预约订单 框和字 */
.box7{
  width: 200px;
  height: 40px;
  position: absolute;
  top: 55px;
}
.p7{
  font-size: 22px;
  position: absolute;
  left: 15px;
  top: 5px;
}
.box8{
  width: 200px;
  height: 40px;
  position: absolute;
  top: 55px;
  right: 0px;
}
.p8{
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 8px;
  color: #6f6c6c;
}
/* 上门预约订单 框和字 */
.box71{
  width: 200px;
  height: 40px;
  position: absolute;
  top: 315px;
}
.p71{
  font-size: 22px;
  position: absolute;
  left: 15px;
  top: 5px;
}
.box81{
  width: 200px;
  height: 40px;
  position: absolute;
  top: 315px;
  right: 0px;
}
.p81{
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 8px;
  color: #6f6c6c;
}

/* 从上到下三个盒子 */
.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;
}
.p21{
  font-size: 12px;
  position: absolute;
  left: 100px;
  top: 65px;
}

/* 预约内容 */
.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;
  left: 13px;
  top: 5px;
  color: #ffffff;
}

/* 订单进行中情况框 */
.box5{
 width: 71px;
 height: 30px;
 position: absolute;
 right: 30px;
 top: 10px;
 background-color: #f5b037; 
 border-radius: 10px;
}

/* 订单已完成情况框 */
.box6{
  width: 71px;
  height: 30px;
  position: absolute;
  right: 30px;
  top: 10px;
  background-color: #58a55c; 
  border-radius: 10px;
 }


/* 从商家抢单cv来的 */


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

/* 从上到下三个盒子 */
.box02{
  width: 100%;
  height: 80px;
}
.box02 image{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 50px;
}
.box03{
  width: 100%;
  height: 80px;
  position: relative;
  top: 80px;
}
.box03 image{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  left: 320px;
}
.box04{
  width: 100%;
  height: 50px;
  position: relative;
  top: 80px;
}

/* 款式 */
.p01{
  font-size: 15px;
  position: absolute;
  left: 100px;
  top: 40px;
}

/* 款式价格 */
.p011{
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 40px;
  font-weight: bold;
  color: #f5b037;
}

/* 预约内容 */
.p03{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 20px;
  top: 20px;
}
.p04{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 20px;
  top: 55px;
}

/* 下单日期和情况 */
.p05{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 20px;
  top: 10px;
}
.p06{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 15px;
  top: 5px;
  color: #ffffff;
}

/* 订单进行中情况框 */
.box05{
 width: 90px;
 height: 30px;
 position: absolute;
 right: 30px;
 top: 10px;
 background-color: #ff3348; 
 border-radius: 10px;
}