171 lines
3.4 KiB
CSS
171 lines
3.4 KiB
CSS
html{
|
|
min-height: 100vh;
|
|
background: #F6F6F6;
|
|
}
|
|
.header-contaner{
|
|
height: 3.41rem;
|
|
background: white;
|
|
position: relative;
|
|
}
|
|
.header{
|
|
width:2.80rem;
|
|
height:1rem;
|
|
font-size:0.90rem;
|
|
font-family:PingFang SC;
|
|
font-weight:bold;
|
|
color:rgba(0,0,0,1);
|
|
background: white;
|
|
display: block;
|
|
position: absolute;
|
|
top: 1.92rem;
|
|
left: 8.56rem;
|
|
}
|
|
.page-top{
|
|
width:20rem;
|
|
height:2.35rem;
|
|
background:rgba(255,255,255,1);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
}
|
|
.page-top .top-it{
|
|
width: 3.2rem;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
font-size:0.80rem;
|
|
font-family:PingFang SC;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
line-height:2.35rem ;
|
|
|
|
}
|
|
.page-top .top-it a{
|
|
color:#666364;
|
|
}
|
|
.page-top .top-it#it-1{
|
|
border-bottom: solid 0.16rem #3962A8;
|
|
}
|
|
.page-top .top-it#it-1 a{
|
|
color: #3962A8;
|
|
}
|
|
.page-nav{
|
|
height: 2.4rem;
|
|
background: #F6F6F6;
|
|
|
|
}
|
|
.page-nav .nav-item{
|
|
width:2.5rem;
|
|
height:0.75rem;
|
|
font-size:0.8rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
line-height:1.09rem;
|
|
margin-top: 0.85rem;
|
|
margin-left: 1.41rem;
|
|
text-align: center;
|
|
line-height: 0.75rem;
|
|
display: inline-block;
|
|
|
|
}
|
|
.page-nav .nav-item a{
|
|
color: #666364;
|
|
}
|
|
.page-nav .nav-item#item-1{
|
|
margin-left: 0.48rem;
|
|
|
|
}
|
|
.page-nav .nav-item#item-1 a{
|
|
color:#495595;
|
|
}
|
|
.order-value{
|
|
height: 9.6rem;
|
|
background: white;
|
|
|
|
}
|
|
.order-value#a{
|
|
margin-top: 0.53rem;
|
|
}
|
|
.order-value .top{
|
|
height: 2.37rem;
|
|
box-sizing: border-box;
|
|
border-bottom: 0.06rem rgba(242,242,242,1) solid;
|
|
position: relative;
|
|
}
|
|
.order-value .center{
|
|
height: 4.35rem;
|
|
box-sizing: border-box;
|
|
border-bottom: 0.06rem rgba(242,242,242,1) solid;
|
|
}
|
|
|
|
.order-value .top img{
|
|
width: 0.61rem;
|
|
height: 0.69rem;
|
|
margin-left: 0.53rem;
|
|
margin-top: 0.77rem;
|
|
display: inline-block;
|
|
}
|
|
.order-value .top .number{
|
|
width:7.71rem;
|
|
height:0.64rem;
|
|
font-size:0.64rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
color:rgba(153,153,153,1);
|
|
line-height: 0.64rem;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 0.78rem;
|
|
left: 1.57rem;
|
|
}
|
|
.order-value .top .state{
|
|
width:2.39rem;
|
|
height:0.72rem;
|
|
font-size:0.75rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
color:rgba(255,58,47,1);
|
|
line-height: 0.72rem;
|
|
text-align: center;
|
|
position: absolute;
|
|
left: 17.25rem;
|
|
top: 0.56rem;
|
|
}
|
|
.order-value .center .center-value{
|
|
width: 10.69rem;
|
|
height: 2.85rem;
|
|
margin-top: 0.77rem;
|
|
margin-left: 1.57rem;
|
|
font-size:0.69rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
color: #666364;
|
|
line-height:1.09rem;
|
|
}
|
|
.order-value .footer{
|
|
height: 2.83rem;
|
|
position: relative;
|
|
}
|
|
.order-value .footer div{
|
|
position: absolute;
|
|
width:4.27rem;
|
|
height:1.55rem;
|
|
border-radius:1rem;
|
|
font-size:0.69rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
text-align: center;
|
|
line-height:1.55rem ;
|
|
}
|
|
.order-value .footer .cutorder{
|
|
top: 0.4rem;
|
|
left: 10.16rem;
|
|
color: #333333;
|
|
background: white;
|
|
border: 0.03rem solid #666364;
|
|
}
|
|
.order-value .footer .gobuy{
|
|
background: #3955A8;
|
|
color:rgba(255,255,255,1);
|
|
top: 0.4rem;
|
|
left: 15.2rem;
|
|
} |