线上页面代码模板
body, div, p, ul, li, a {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
.wrap {
width: 750px;
height: 100%;
margin: 0 auto;
}
nav {
font-weight: 700;
padding: 20px 10px;
box-sizing: border-box;
background: #f9f9f9;
}
.nav-title {
margin: 0 0 20px;
}
.nav-content, .nav-end, .card-time {
font-size: 15px;
line-height: 30px;
}
.nav-tel {
color: #ff143f;
}
.list {
width: 750px;
margin: 20px 0;
}
.list ul {
width: 100%;
height: 36px;
font-size: 13px;
display: flex;
align-items: center;
/* justify-content: space-around; */
background: #e4e4e4;
border-radius: 8px 8px 0 0;
}
.list .list-ul {
background: #fff;
border-radius: 0;
height: 52px;
line-height: 52px;
background: #f9f9f9;
}
.list .list-ul li {
font-size: 12px;
}
/*产品名称*/
.goodsName {
text-align: center;
width: 150px;
padding-left: 6px;
}
.goodsName-li{
width: 150px;
text-align: center;
}
.orderNo {
text-align: center;
width: 175px;
}
.orderNo-li {
text-align: center;
width: 175px;
}
.facePrice {
text-align: right;
width: 75px;
}
.facePrice-li{
width: 75px;
text-align: center;
}
.cardNo {
text-align: center;
width: 150px;
}
.cardNo