226 lines
4.4 KiB
CSS
226 lines
4.4 KiB
CSS
body{
|
|
background-color: #fbfcfd;
|
|
}
|
|
.header{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background-color: #37b2ff;
|
|
height: 1.57rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.3rem;
|
|
|
|
}
|
|
.header img{
|
|
width: 0.19rem;
|
|
height: 0.34rem;
|
|
}
|
|
.header .money{
|
|
font-family: PingFang-SC-Bold;
|
|
font-size: 0.34rem;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.content .menu{
|
|
display: flex;
|
|
height: 1.59rem;
|
|
align-items: center;
|
|
padding: 0 0.24rem;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
border-radius: 0.2rem 0.2rem 0rem 0rem;
|
|
position: relative;
|
|
bottom: 0.2rem;
|
|
/* margin-bottom: 0.18rem; */
|
|
}
|
|
|
|
.content .menu img{
|
|
width: 0.25rem;
|
|
height: 0.27rem;
|
|
margin-right: 0.15rem;
|
|
}
|
|
.content .menu p{
|
|
font-family: PingFang-SC-Medium;
|
|
font-size: 0.24rem;
|
|
line-height: 0.38rem;
|
|
letter-spacing: 0.005rem;
|
|
color: #333333;font-weight: 600;
|
|
}
|
|
.phone{
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 0.24rem;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
height: 1.15rem;
|
|
padding-top: 0.27rem;
|
|
}
|
|
.phone .top{
|
|
display: flex;
|
|
}
|
|
.phone .top img{
|
|
width: 0.27rem;
|
|
height: 0.31rem;
|
|
margin-right: 0.16rem;
|
|
}
|
|
.phone .top p{
|
|
font-family: PingFang-SC-Bold;
|
|
font-size: 0.26rem;
|
|
letter-spacing: 0.005rem;
|
|
color: #000000;
|
|
font-weight: 600;
|
|
}
|
|
.add{
|
|
font-family: PingFang-SC-Medium;
|
|
font-size: 0.22rem;
|
|
letter-spacing: 0.004rem;
|
|
color: #666666;
|
|
margin-left: 0.43rem;
|
|
margin-top: 0.1rem;
|
|
}
|
|
|
|
|
|
.logo{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding-left: 0.43rem;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
margin-top: 0.16rem;
|
|
padding-bottom: 0.25rem;
|
|
/* border-bottom: 0.01rem solid #e9e3e3; */
|
|
}
|
|
.logo img{
|
|
width: 1.31rem;
|
|
height: 1.32rem;
|
|
}
|
|
.logo .red{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 0.24rem;
|
|
margin-right: 0.6rem;
|
|
align-items: baseline;
|
|
}
|
|
.logo .red p{
|
|
font-family: PingFang-SC-Medium;
|
|
font-size: 0.24rem;
|
|
letter-spacing: 0.005rem;
|
|
color: #1b1b1b;
|
|
}
|
|
.logo .red .red_b{
|
|
font-family: PingFang-SC-Medium;
|
|
font-size: 0.2rem;
|
|
color: #2b2b2b;
|
|
border-radius: 0.1rem;
|
|
border: solid 0.01rem #f5f5f5;
|
|
}
|
|
|
|
.logo .prince{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: end;
|
|
}
|
|
.logo .prince .prince_t{
|
|
font-family: AdobeHeitiStd-Regular;
|
|
font-size: 0.24rem;
|
|
letter-spacing: 0.005rem;
|
|
color: #1b1b1b;
|
|
padding-right: 0.57rem;
|
|
}
|
|
.logo .prince .prince_m{
|
|
font-family: PingFang-SC-Regular;
|
|
font-size: 0.2rem;
|
|
letter-spacing: 0.004rem;
|
|
color: #aaaaaa;
|
|
padding-right: 0.59rem;
|
|
}
|
|
.logo .prince .prince_b{
|
|
font-family: PingFang-SC-Regular;
|
|
font-size: 0.2rem;
|
|
letter-spacing: 0.004rem;
|
|
color: #2b2b2b;
|
|
border-radius: 0.19rem;
|
|
border: solid 0.01rem #eeeeee;
|
|
margin-right: 0.54rem;
|
|
}
|
|
|
|
.desc {
|
|
background-color: #fff;
|
|
border-top: 0.01rem solid #e9e3e3;
|
|
}
|
|
.desc li {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-left: 0.4rem;
|
|
padding-right: 0.54rem;
|
|
margin-top: 0.19rem;
|
|
}
|
|
.desc li span {
|
|
font-family: PingFang-SC-Regular;
|
|
font-size: 0.24rem;
|
|
letter-spacing: 0.004rem;
|
|
color: #aaaaaa;
|
|
}
|
|
.desc li .one{
|
|
font-family: PingFang-SC-Regular;
|
|
font-size: 0.24rem;
|
|
letter-spacing: 0.004rem;
|
|
color: #0a0a0a;
|
|
font-weight: 600;
|
|
}
|
|
.desc li .two{
|
|
font-family: PingFang-SC-Medium;
|
|
font-size: 0.24rem;
|
|
letter-spacing: 0.005rem;
|
|
color: #ff7b41;
|
|
font-weight: 600;
|
|
}
|
|
.desc li:last-child{
|
|
background-color: #fbfcfd;
|
|
background-color: #fbfcfd;
|
|
height: 0.49rem;
|
|
line-height: 0.49rem;
|
|
margin-bottom: 0.19rem;
|
|
border-bottom: 0.01rem solid #e9e3e3;
|
|
}
|
|
|
|
.miss{
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 1.56rem;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
padding: 0 0.36rem;
|
|
position: relative;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.miss .miss_t{
|
|
font-family: PingFang-SC-Medium;
|
|
font-size: 0.24rem;
|
|
letter-spacing: 0.005rem;
|
|
color: #1b1b1b;
|
|
font-weight: 600;
|
|
margin-left: 0.30rem;
|
|
padding: 0.22rem 0;
|
|
}
|
|
.miss .miss_b{
|
|
border-top: 0.01rem solid #e9e3e3;
|
|
font-family: PingFang-SC-Regular;
|
|
font-size: 0.24rem;
|
|
letter-spacing: 0.004rem;
|
|
color: #737373;
|
|
padding-top: 0.21rem;
|
|
}
|
|
.miss .miss_t::before{
|
|
position: absolute;
|
|
content: "";
|
|
width: 0.04rem;
|
|
height: 0.28rem;
|
|
background-color: #ff7b41;
|
|
left: .5rem;
|
|
top: 50%;
|
|
transform: translateY(-150%);
|
|
}
|