/* 工作台盒子 */ .box7{ width: 100%; height: 40px; position: absolute; } .box7 image{ width: 30px; height: 30px; position: absolute; left: 10px; top: 10px; } /* 《工作台》 */ .wgzt{ font-size: 20px; font-weight: bold; position: absolute; top: 10px; left: 160px; } /* 工作台展示内容 */ .gzt{ width: 320px; height: 100px; position: absolute; top: 40px; left: 30px; background-color: #de868f; border-radius: 15px; } /* 竖线 */ .sx{ width: 2px; height: 60px; position: absolute; top: 20px; left: 159px; background-color: #ffffff; } /* 今日收益 */ .sy{ font-size: 15px; position: absolute; top: 20px; left: 30px; color: #ffffff; } /* 收益金额 */ .wsy{ font-size: 25px; position: absolute; top: 50px; left: 65px; color: #ffffff; } /* 有效订单 */ .dd{ font-size: 15px; position: absolute; top: 20px; left: 210px; color: #ffffff; } /* 订单数量 */ .wdd{ font-size: 25px; position: absolute; top: 50px; left: 240px; color: #ffffff; } /* 《店铺管理》 */ .wdpgl{ font-size: 20px; position: absolute; top: 160px; left: 20px; } /* 店铺管理盒子 */ .box{ width: 390px; height: 200px; position: absolute; top: 190px; } /* 店铺信息 */ .box1{ width: 100px; height: 80px; position: absolute; top: 10px; left: 30px; } .box1 image{ width: 50px; height: 50px; position: absolute; left: 25px; } /* 销售统计 */ .box2{ width: 100px; height: 80px; position: absolute; top: 10px; left: 145px; } .box2 image{ width: 40px; height: 40px; position: absolute; left: 25px; } /* 预约时间管理 */ .box3{ width: 100px; height: 80px; position: absolute; top: 10px; right: 30px; } .box3 image{ width: 40px; height: 40px; position: absolute; left: 25px; } /* 美甲师管理 */ .box4{ width: 100px; height: 80px; position: absolute; top: 110px; left: 30px; } .box4 image{ width: 40px; height: 40px; position: absolute; left: 25px; } /* 商品管理 */ .box5{ width: 100px; height: 80px; position: absolute; top: 110px; left: 145px; } .box5 image{ width: 40px; height: 40px; position: absolute; left: 25px; } /* 评价管理 */ .box6{ width: 100px; height: 80px; position: absolute; top: 110px; right: 30px; } .box6 image{ width: 40px; height: 40px; position: absolute; left: 25px; } /* 6个管理内容 */ .p1{ font-size: 14px; position: relative; left: 22px; top: 55px; } .p2{ font-size: 14px; position: relative; left: 8px; top: 55px; } .p3{ font-size: 14px; position: relative; left: 15px; top: 55px; } /* 《店铺开关》 */ .wdpkg{ font-size: 20px; position: absolute; top: 400px; left: 20px; } /* 店铺状态 */ .wdpzt{ font-size: 15px; position: absolute; top: 440px; left: 25px; } /* 营业时间 盒子 */ .box8{ width: 100%; height: 40px; position: absolute; top: 470px; } .box8 image{ width: 15px; height: 15px; position: absolute; top: 12px; right: 35px; } .wyysj{ font-size: 15px; position: absolute; top: 10px; left: 25px; } .p4{ font-size: 15px; position: relative; top: 10px; left: 280px; } /* 底部盒子底 */ .d{ width: 100%; height: 70px; border: 1px ; position: fixed; bottom: 0px; background-color: #ffffff; } /* 底部盒子 */ .boxd{ width: 100%; height: 50px; border: 1px ; position: fixed; bottom: 20px; border: 1px #bababa solid; background-color: #ffffff; box-shadow: 0px 2px 2px 2px #c3c3c3; } .box9{ width: 50px; height: 50px; position: fixed; left: 70px; } .box9 image{ width: 30px; height: 30px; position: absolute; left: 10px; } .box10{ width: 50px; height: 50px; position: fixed; right: 70px; } .box10 image{ width: 30px; height: 30px; position: absolute; left: 10px; } .p5{ font-size: 12px; position: absolute; bottom: 5px; left: 14px; } .p6{ font-size: 12px; position: absolute; bottom: 5px; left: 8px; color: #de868f; }