/* 大盒子 */ .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; }