118 lines
1.5 KiB
Plaintext
118 lines
1.5 KiB
Plaintext
/* 大盒子 */
|
|
.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;
|
|
} |