166 lines
2.3 KiB
Plaintext
166 lines
2.3 KiB
Plaintext
/* 顶部 */
|
|
.box1{
|
|
width: 390px;
|
|
height: 50px;
|
|
background-color:#eec2c7;
|
|
}
|
|
.z1{
|
|
font-size: 20px;
|
|
top:15px;
|
|
left: 160px;
|
|
position: absolute;
|
|
}
|
|
/* 小框 */
|
|
.h1{
|
|
width: 100px;
|
|
height: 40px;
|
|
background-color:#DE868F ;
|
|
position: absolute;
|
|
top:65px;
|
|
left: 10px;
|
|
border-radius: 20px;
|
|
}
|
|
.zt1{
|
|
font-size: 18px;
|
|
top:8px;
|
|
left: 15px;
|
|
position: absolute;
|
|
color: #ffffff;
|
|
}
|
|
.h2{
|
|
width: 70px;
|
|
height: 40px;
|
|
background-color:#DE868F ;
|
|
position: absolute;
|
|
top:65px;
|
|
left: 130px;
|
|
border-radius: 20px;
|
|
}
|
|
.zt2{
|
|
font-size: 18px;
|
|
top:8px;
|
|
left: 10px;
|
|
position: absolute;
|
|
color: #ffffff;
|
|
}
|
|
.h3{
|
|
width: 130px;
|
|
height: 40px;
|
|
background-color:#DE868F ;
|
|
position: absolute;
|
|
top:65px;
|
|
left: 220px;
|
|
border-radius: 20px;
|
|
}
|
|
.zt3{
|
|
font-size: 18px;
|
|
top:8px;
|
|
left: 15px;
|
|
position: absolute;
|
|
color: #ffffff;
|
|
}
|
|
.h4{
|
|
width: 60px;
|
|
height: 40px;
|
|
background-color:#DE868F ;
|
|
position: absolute;
|
|
top:115px;
|
|
left: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
.zt4{
|
|
font-size: 18px;
|
|
top:8px;
|
|
left: 10px;
|
|
position: absolute;
|
|
color: #ffffff;
|
|
}
|
|
.box2{
|
|
width: 390px;
|
|
height: 1px;
|
|
background-color: rgba(169, 169, 169, 0.756);
|
|
position: absolute;
|
|
top:165px;
|
|
}
|
|
/* 客户1 */
|
|
/* 头像 */
|
|
.box3 image{
|
|
width: 60px;
|
|
height: 60px;
|
|
position: absolute;
|
|
border-radius: 50px;
|
|
top:180px;
|
|
left: 10px;
|
|
}
|
|
/* 文字信息 */
|
|
.t1{
|
|
position: absolute;
|
|
top:200px;
|
|
left: 80px;
|
|
font-weight: bolder;
|
|
font-size: 18px;
|
|
}
|
|
.t2{
|
|
color: dimgray;
|
|
top:245px;
|
|
left: 15px;
|
|
position: absolute;
|
|
}
|
|
.t3{
|
|
top:265px;
|
|
left: 15px;
|
|
position: absolute;
|
|
}
|
|
/* 图片 */
|
|
.box4 image{
|
|
width: 160px;
|
|
height: 170px;
|
|
position: absolute;
|
|
top:290px;
|
|
left: 10px;
|
|
}
|
|
.box5{
|
|
width: 390px;
|
|
height: 1px;
|
|
background-color: rgba(169, 169, 169, 0.756);
|
|
position: absolute;
|
|
top:480px;
|
|
}
|
|
/* 客户2 */
|
|
/* 头像 */
|
|
.box6 image{
|
|
width: 60px;
|
|
height: 60px;
|
|
position: absolute;
|
|
border-radius: 50px;
|
|
top:490px;
|
|
left: 10px;
|
|
}
|
|
/* 文字信息 */
|
|
.wz1{
|
|
position: absolute;
|
|
top:510px;
|
|
left: 80px;
|
|
font-weight: bolder;
|
|
font-size: 18px;
|
|
color: black;
|
|
}
|
|
.wz2{
|
|
color: dimgray;
|
|
top:550px;
|
|
left: 15px;
|
|
position: absolute;
|
|
}
|
|
.wz3{
|
|
top:570px;
|
|
left: 15px;
|
|
position: absolute;
|
|
}
|
|
/* 图片 */
|
|
.box7 image{
|
|
width: 160px;
|
|
height: 160px;
|
|
position: absolute;
|
|
top:590px;
|
|
left: 10px;
|
|
} |