170 lines
2.3 KiB
Plaintext
170 lines
2.3 KiB
Plaintext
/* 顶部 */
|
|
.Box{
|
|
width: 100%;
|
|
height: 800px;
|
|
}
|
|
.Box1{
|
|
width: 100%;
|
|
height: 50px;
|
|
background-color: #eec2c7;
|
|
}
|
|
.t1{
|
|
font-weight: bolder;
|
|
top:10px;
|
|
left:170px;
|
|
position: absolute;
|
|
}
|
|
/* 商品信息 */
|
|
.Box2{
|
|
width: 100%;
|
|
height: 710px;
|
|
background-color: darkgray;
|
|
position: absolute;
|
|
border-radius: 10px;
|
|
top:40px;
|
|
}
|
|
.box1{
|
|
width: 388px;
|
|
height: 708px;
|
|
background-color: #ffffff;
|
|
position: absolute;
|
|
border-radius: 10px;
|
|
top:1px;
|
|
}
|
|
.z1{
|
|
position: absolute;
|
|
top:10px;
|
|
left: 100px;
|
|
}
|
|
.z2{
|
|
position: absolute;
|
|
top:40px;
|
|
left: 100px;
|
|
font-weight: bolder;
|
|
}
|
|
/* 减号 */
|
|
.box2 image{
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
top:42px;
|
|
left: 290px;
|
|
}
|
|
.z3{
|
|
font-size: 15px;
|
|
position: absolute;
|
|
top:45px;
|
|
left: 320px;
|
|
}
|
|
/* 加号 */
|
|
.box3 image{
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
top:44px;
|
|
left: 335px;
|
|
}
|
|
/* 美甲图 */
|
|
.box1 image{
|
|
width: 70px;
|
|
height: 70px;
|
|
position: absolute;
|
|
top:10px;
|
|
left: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
/* 价格框 */
|
|
.Box3{
|
|
width: 90%;
|
|
height: 160px;
|
|
background-color: darkgrey;
|
|
top:90px;
|
|
position: absolute;
|
|
left: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
.Box4{
|
|
width: 348px;
|
|
height: 158px;
|
|
background-color: #ffffff;
|
|
top:1px;
|
|
left: 1px;
|
|
position: absolute;
|
|
border-radius: 10px;
|
|
}
|
|
/* 内容1 */
|
|
.t1{
|
|
top:15px;
|
|
left: 20px;
|
|
position: absolute;
|
|
}
|
|
.t2{
|
|
top:15px;
|
|
left: 80px;
|
|
position: absolute;
|
|
}
|
|
.t3{
|
|
top:15px;
|
|
left: 280px;
|
|
position: absolute;
|
|
font-weight: bolder;
|
|
}
|
|
.box4{
|
|
width: 340px;
|
|
height: 1px;
|
|
background-color: darkgray;
|
|
position:absolute;
|
|
top:50px;
|
|
left: 5px;
|
|
}
|
|
/* 内容2 */
|
|
.t4{
|
|
top:65px;
|
|
left: 20px;
|
|
position: absolute;
|
|
}
|
|
.t5{
|
|
top:68px;
|
|
left: 280px;
|
|
position: absolute;
|
|
font-size: 13px;
|
|
color: darkgrey;
|
|
}
|
|
.box5{
|
|
width: 340px;
|
|
height: 1px;
|
|
background-color: darkgray;
|
|
position:absolute;
|
|
top:100px;
|
|
left: 5px;
|
|
}
|
|
/* 内容3 */
|
|
.t6{
|
|
top:120px;
|
|
left: 250px;
|
|
position: absolute;
|
|
}
|
|
.t7{
|
|
top:120px;
|
|
left: 280px;
|
|
position: absolute;
|
|
color: rgb(176, 31, 31);
|
|
position: absolute;
|
|
font-weight: bolder;
|
|
}
|
|
/* 支付按钮 */
|
|
.Box5{
|
|
width: 360px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top:650px;
|
|
background-color: #eec2c7;
|
|
left: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
.t8{
|
|
position:absolute;
|
|
top:10px;
|
|
left: 140px;
|
|
font-weight: bolder;
|
|
} |